@charset "utf-8";

.small_banner {
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    clear: both;
    overflow: hidden;
    position: relative;
}

.small_banner_hei_auto {
    height: 60px;
}

.small_banner2 {
    height: 775px;
}

.small_banner2 .tit_text {
    display: none;
}

.small_banner2 .ban_pro_yd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 100px;
}

.small_banner2 .ban_pro_yd .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.small_banner2 .ban_pro_yd .left {
    /*background-color: rgba(255,255,255,0.7);*/
    background: -webkit-linear-gradient(to right, rgba(214, 223, 231, 0.8) 0%, rgba(255, 255, 255, 0.7) 50%);
    background: -moz-linear-gradient(to right, rgba(214, 223, 231, 0.8) 0%, rgba(255, 255, 255, 0.7) 50%);
    background: linear-gradient(to right, rgba(214, 223, 231, 0.8) 0%, rgba(255, 255, 255, 0.7) 50%);
    border-radius: 20px;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
    width: 830px;
    height: 530px;
    padding: 75px 0 75px 75px;
    position: relative;
    z-index: 6;
    display: flex;
}

.small_banner2 .ban_pro_yd .right {
    width: 525px;
    height: 640px;
    border-radius: 20px;
    background-color: rgba(0, 75, 198, 0.8);
    margin-left: -300px;
}

.small_banner2 .ban_pro_yd .right strong {
    text-align: center;
    display: block;
    color: #1089FF;
    font-size: 150px;
    transform: rotate(90deg) translate(214px, -170px);
}

.small_banner2 .ban_pro_yd .info_box {}

.small_banner2 .ban_pro_yd .tit {
    font-size: 45px;
    font-weight: bold;
    color: #333;
    width: 310px;
    line-height: 55px;
    margin-bottom: 30px;
}

.small_banner2 .ban_pro_yd .info {
    display: flex;
}

.small_banner2 .ban_pro_yd .con_left {}

.small_banner2 .ban_pro_yd .con_right {
    position: relative;
    padding-left: 30px;
}

.small_banner2 .ban_pro_yd .con_right::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 130px;
    border-left: 1px solid #CCCCCC;
}

.small_banner2 .ban_pro_yd .s_tit {
    font-size: 18px;
    color: #333;
    margin-bottom: 24px;
}

.small_banner2 .ban_pro_yd .attr_list {
    display: flex;
    flex-wrap: wrap;
    width: 260px;
}

.small_banner2 .ban_pro_yd .attr_list a {
    font-size: 14px;
    color: #666;
    width: 120px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    border: 2px solid transparent;
    transition: all 0.3s;
}

.small_banner2 .ban_pro_yd .attr_list a.cur {
    color: #004BC6;
    border-color: #004BC6;
    background-color: #fff;
}

.small_banner2 .ban_pro_yd .attr_list a:hover {
    color: #004BC6;
}

.small_banner2 .ban_pro_yd .con_right img {
    width: 90px;
    height: auto;
    display: block;
    cursor: pointer;
}

.small_banner2 .ban_pro_yd .big_pic {
    transform: translate(120px, 60px);
}

.small_banner2 .ban_pro_yd .big_pic img {
    width: 440px;
    height: auto;
}

.small_banner2 .ban_pro_yd .s_btn {
    display: block;
    width: 180px;
    height: 50px;
    border-radius: 25px;
    box-shadow: 0 0 5px 5px rgba(0, 75, 198, 0.1);
    background-color: rgba(0, 75, 198, 1);
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    margin-top: 45px;
}

/*移动端*/
.ban_pro_yd_xs {}

.ban_pro_yd_xs .container {}

.ban_pro_yd_xs .left {
    border-radius: 20px;
    width: 100%;
    padding: 0px 20px 20px;
}

.ban_pro_yd_xs .info_box {
    background: url("../imgs/pro_detail_bg.png") no-repeat center top;
    background-size: 100%;
    padding-top: 20px
}

.ban_pro_yd_xs .pos_container {
    width: 90%;
    height: auto;
    margin: 90px auto 0px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 10px 15px 20px;
    /*position: relative;*/
    box-shadow: 0px -2px 7px #999;
}

.ban_pro_yd_xs .tit {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.ban_pro_yd_xs .info {
    display: flex;
    justify-content: space-between;
}

.ban_pro_yd_xs .con_left {}

.ban_pro_yd_xs .con_right {
    position: relative;
    padding-left: 30px;
}

.ban_pro_yd_xs .con_right::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 130px;
    border-left: 1px solid #CCCCCC;
}

.ban_pro_yd_xs .s_tit {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.ban_pro_yd_xs .attr_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.ban_pro_yd_xs .attr_list a {
    font-size: 12px;
    overflow: hidden;
    color: #666;
    /* width:85px; */
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    border: 2px solid transparent;
    transition: all 0.3s;
    margin: 0 5px;
    padding: 0 5px;
}

@media (max-width: 410px) {
    .ban_pro_yd_xs .attr_list a {
        /* width: 85px; */
    }
}

@media (max-width: 360px) {
    .ban_pro_yd_xs .attr_list a {
        /* width: 78px; */
    }
}

.ban_pro_yd_xs .attr_list a.cur {
    color: #004BC6;
    border-color: #004BC6;
    background-color: #fff;
}

.ban_pro_yd_xs .attr_list a:hover {
    color: #004BC6;
}


.ban_pro_yd_xs .con_right img {
    width: 90px;
    height: auto;
    display: block;
}

.ban_pro_yd_xs .big_pic {
    position: relative;
    top: -120px;
    margin-bottom: -120px;
}

.ban_pro_yd_xs .big_pic img {
    width: 100%;
    height: auto;
}

.ban_pro_yd_xs .s_btn {
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 25px;
    box-shadow: 0 0 5px 5px rgba(0, 75, 198, 0.1);
    background-color: rgba(0, 75, 198, 1);
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

/*//移动端*/

.user_post_art {
    clear: both;
    overflow: hidden;
}

.small_banner_about_index {
    height: 620px;
}

.small_banner .tit_text {
    color: #fff;
    margin-top: 145px;
}

.small_banner .tit_text h1 {
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
}

.small_banner .tit_text h2 {
    font-size: 16px;
}

.pub_nav {
    background-color: rgba(0, 75, 198, 0.8);
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.small_banner2 .pub_nav {
    bottom: auto;
    top: 0;
}

.pub_nav a {
    color: #fff;
}

.posi_list {
    font-size: 0;
    float: left;
}

.posi_list dd {
    line-height: 60px;
    display: inline-block;
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}

.posi_list dd::after {
    content: ">";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5px;
    color: #fff;
    font-size: 14px;
    font-family: "宋体";
}

.posi_list dd:last-child::after {
    display: none;
}

.posi_list dd:last-child {
    padding-right: 0;
    margin-right: 0;
}

.posi_list dd a {
    font-size: 14px;
}

.pub_nav_list {
    float: right;
    line-height: 60px;
    font-size: 0;
}

.pub_nav_list li {
    position: relative;
    display: inline-block;
}

.pub_nav_list li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #0F88FE;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s;
}

.pub_nav_list li.cur::after {
    opacity: 1;
}

.pub_nav_list li a {
    display: block;
    height: 60px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 18px;
}

.pub_nav .btn_yd {
    float: right;
    padding-left: 20px;
}

.pub_nav .btn_yd a {
    display: block;
    font-size: 18px;
    color: #004BC6;
    background-color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    transform: translateY(10px);
}

.section {
    background-color: #FAFAFA;
}

.news_list {
    clear: both;
    overflow: hidden;
}

.news_list .item {
    float: left;
    width: 33.333%;
    padding: 15px;
}

.news_list a {
    display: block;
    border: 1px solid #F1F1F1;
    transition: all 0.3s;
}

.news_list a:hover {
    box-shadow: 0px 5px 10px 0px rgba(13, 4, 9, 0.1);
}

.news_list .pic {
    position: relative;
    overflow: hidden;
    height: 220px;
    background-color: rgba(0, 0, 0, 0.05);
}

.news_list .pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s;
}

.news_list .pic:hover img {
    transform: scale(1.1);
}

.news_list .info {
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 30px;
}

.news_list .con {
    clear: both;
    overflow: hidden;
}

.news_list .time {
    width: 100px;
    float: left;
    text-align: left;
    position: relative;
}

.news_list .time::after {
    content: "";
    position: absolute;
    right: 25px;
    top: 5px;
    width: 0;
    height: 80px;
    border-right: 1px solid #eee;
}

.news_list .time strong {
    display: block;
    font-size: 48px;
    color: #333333;
}

.news_list .time em {
    display: block;
    font-size: 12px;
    color: #999;
    font-style: normal;
    transform: translateY(-10px);
}

.news_list .details {
    float: left;
    width: calc(100% - 100px);
}

.news_list .tit {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-bottom: 14px;
    height: 52px;
    overflow: hidden;
    transition: all 0.3s;
}

.news_list .tit:hover {
    color: #004BC6;
}

.news_list .text {
    font-size: 12px;
    line-height: 24px;
    color: #999;
    height: 45px;
    overflow: hidden;
}

.news_list .more_box {
    margin-top: 10px;
    height: 50px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_list .more_box strong {
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    transition: all 0.3s;
}

.news_list .more_box strong:hover {
    color: #004BC6;
}

.news_list .more_box img {
    width: auto;
}

.pub_bot_list {
    clear: both;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

.pub_bot_list .item {
    float: left;
    width: 33.333%;
    padding-left: 10px;
    padding-right: 10px;
}

.pub_bot_list .item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.pub_bot_list .item a img {
    transition: all 0.3s;
}

.pub_bot_list .item a:hover img {
    transform: scale(1.1);
}

.pub_bot_list .item h1 {
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 18px;
}

.select_box {
    clear: both;
    margin-top: 100px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.select_box form {}

.select_box .select_con {
    width: 150px;
    height: 30px;
    border: 1px solid #DBDBDB;
    display: inline-block;
    background: #fff;
    position: relative;
    margin-right: 10px;
}

.select_box .select_con h1 {
    color: #333;
    font-size: 14px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.select_box .select_con h1::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 8px;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    right: 10px;
    background: url(../imgs/jt_down.png) no-repeat center center;
    background-size: 10px auto;
}

.select_box .select_list {
    background: #fff;
    position: absolute;
    top: 29px;
    left: -1px;
    width: 150px;
    border: 1px solid #DBDBDB;
    border-top: none;
    overflow-y: auto;
    max-height: 300px;
    display: none;
    z-index: 5;
}

.select_box .select_list li {
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    transition: all 0.3s;
}

.select_box .select_list li:hover {
    background: rgba(128, 128, 128, 0.2);
}

.select_box .input_group {
    width: 150px;
    height: 30px;
    border: 1px solid #DBDBDB;
    display: inline-block;
    position: relative;
}

.select_box input {
    color: #333;
    font-size: 14px;
    background: #fff;
    height: 100%;
    border: none;
}

.select_box input[type="text"] {
    padding-left: 10px;
    width: 100%;
    padding-right: 30px;
}

.select_box input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    background: url(../imgs/head_search.png) no-repeat center center;
    background-size: 14px auto;
    text-indent: -9999px;
}

.news_article {
    clear: both;
    margin-top: 100px;
}

.news_article .side_left {
    float: left;
    width: calc(100% - 360px);
}

.news_article .side_right {
    float: left;
    width: 360px;
    padding-left: 100px;
}

.news_article .side_right .tit {
    font-size: 18px;
    color: #333;
    margin-bottom: 23px;
}

.news_art_title {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.news_art_time {
    margin-top: 19px;
    margin-bottom: 25px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999;
}

/*分享*/
.share_box {
    margin-bottom: 24px;
}

.share_list {
    text-align: right;
}

.share_list a {
    border: none !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 23px auto !important;
}

.share_list a:hover {
    background-color: transparent !important;
}

.share_list a::before {
    display: none;
}

.share_list a:nth-child(1),
.share_list a:nth-child(1):hover {
    background: url(../imgs/icon_qq.png);
    background-size: 16px auto !important;
}

.share_list a:nth-child(2),
.share_list a:nth-child(2):hover {
    background: url(../imgs/icon_wx.png);
}

.share_list a:nth-child(3),
.share_list a:nth-child(3):hover {
    background: url(../imgs/icon_sina.png);
}

/*//分享*/



.news_art_con,
.news_art_con p {
    color: #666;
    font-size: 14px;
}

.news_art_con p {
    line-height: 24px;
    text-indent: 26px;
}

.news_art_con * {
    white-space: pre-wrap !important;
}

.news_art_con img {
    margin-bottom: 10px;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto !important;
}

.news_art_con video {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.rec_news_list {}

.rec_news_list .item {
    margin-bottom: 63px;
}

.rec_news_list .item:last-child {
    margin-bottom: 0;
}

.rec_news_list a {
    display: block;
}

.rec_news_list a .pic {
    overflow: hidden;
}

.rec_news_list .pic img {
    transition: all 0.3s;
}

.rec_news_list .pic:hover img {
    transform: scale(1.1);
}

.rec_news_list .s_tit {
    font-size: 14px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 14px;
    line-height: 24px;
}

.rec_news_list .time {
    display: block;
    font-size: 12px;
    color: #999;
}

.p_n {
    clear: both;
    overflow: hidden;
    background: #fff;
    height: 50px;
    line-height: 50px;
    margin-top: 40px;
}

.p_n a {
    display: block;
    height: 100%;
    float: left;
    width: 50%;
    color: #666;
    font-size: 18px;
}

.p_n a span {
    transition: all 0.3s;
}

.p_n a:hover span {
    color: #004BC6;
}

.p_n a:first-child {
    text-align: right;
}

.p_n a:last-child {
    text-align: left;
}


.contact_list,
.pub_title {
    clear: both;
    overflow: hidden;
}

.pub_title {
    font-size: 36px;
    color: #333;
    font-weight: bold;
}

.contact_us {
    margin-top: 100px;
    margin-bottom: 60px;
}

.contact_list {
    margin-top: 64px;
}

.contact_list .item {
    display: flex;
    align-items: center;
    width: 25%;
    float: left;
    margin-bottom: 60px;
}

.contact_list .item:last-child {
    width: 50%;
}

.contact_list .item .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.contact_list .item:nth-child(1) .icon {
    background-image: url(../imgs/contact_icon_tel.png);
}

.contact_list .item:nth-child(2) .icon {
    background-image: url(../imgs/contact_icon_tel.png);
}

.contact_list .item:nth-child(3) .icon {
    background-image: url(../imgs/contact_icon_service.png);
}

.contact_list .item:nth-child(4) .icon {
    background-image: url(../imgs/contact_icon_service.png);
}

.contact_list .item:nth-child(5) .icon {
    background-image: url(../imgs/contact_icon_email.png);
}

.contact_list .item:nth-child(6) .icon {
    background-image: url(../imgs/contact_icon_fax.png);
}

.contact_list .item:nth-child(9) .icon {
    background-image: url(../imgs/tsicon.png);
}
.contact_list .item:nth-child(10) .icon {
    background-image: url(../imgs/contact_icon_addr.png);
}

.contact_list .item:nth-child(8) .icon {
    background-image: url(../imgs/txjy.png);
}

.contact_list .item:nth-child(7) .icon {
    background-image: url(../imgs/zgz.png);
}

.contact_list .text {
    width: calc(100% - 60px);
    padding-left: 20px;
}

.contact_list strong,
.contact_list em {
    display: block;
}

.contact_list strong {
    font-weight: bold;
    font-size: 24px;
    color: #333;
}

.contact_list em {
    font-style: normal;
    font-size: 14px;
    color: #666;
}

.message {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.message .map {
    width: 50%;
    padding-right: 20px;
}

.message .map_bg {
    background: url(../imgs/contact_map.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    height: 383px;
}

.message .meg {
    width: 50%;
    box-shadow: 0 0 10px 0 rgba(13, 4, 9, 0.1);
    padding: 40px 60px 40px 40px;
}

.message .map img {}

.message .meg .pub_title {
    text-align: center;
}

.message .meg form {
    margin-top: 45px;
}

.message .input_group {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.message .input_group1 {}

.message .input_group2 {}

.message .input_group3 {}

.message .meg input {
    height: 40px;
    border: none;
}

.message .meg textarea {
    resize: none;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    transition: all 0.3s;
}

.message input[type="text"],
.message input[type="button"] {
    /*width:220px;*/
    width: calc(50% - 10px);
    transition: all 0.3s;
}

.message .meg textarea,
.message input[type="text"] {
    border: 1px solid #EFEFEF;
    background-color: #F5F5F5;
    padding-left: 10px;
    padding-right: 10px;
}

.message input[type="text"]:hover,
.message input[type="text"]:focus,
.message textarea:hover,
.message textarea:focus {
    border-color: #004BC6;
}

.message input[type="text"] {}

.message input[type="button"] {
    color: #fff;
    background-color: #004BC6;
}

.message .yzm {
    position: relative;
    width: calc(50% - 10px);
}

.message .yzm input {
    width: 100%;
    padding-right: 110px;
}

.message .yzm img {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 100px;
    height: 38px;
    cursor: pointer;
}

.join_fc {
    clear: both;
    overflow: hidden;
    margin-top: 95px;
}

.join_fc .list_box {
    clear: both;
    overflow: hidden;
    margin-top: 65px;
}

.join_fc ul {
    float: left;
    width: 50%;
}

/* 新增 */
.join_fc .list_box .list1 {
    width: 100%;
}

.join_fc .list_box .list1 li {
    float: left;
    width: 32%;
    height: 260px;
    margin-top: 15px;
}

.join_fc .list_box .list1 li:first-child {
    width: 100%;
    height: 400px;
    margin: 0;
}

.join_fc .list_box .list1 li:nth-child(3n) {
    margin-left: 2%;
    margin-right: 2%;
}

.join_fc .list_box .list1 li a img {
    width: 100%;
    height: 100%;
}

/**/
.join_fc .list2 {}

.join_fc ul li {
    float: left;
}

.join_fc .list1 li:nth-child(1),
.join_fc .list2 li:nth-child(3) {
    width: 100%;
}

/*.join_fc .list1 li:nth-child(2),
.join_fc .list1 li:nth-child(3),
.join_fc .list2 li:nth-child(1),
.join_fc .list2 li:nth-child(2){
	width:50%;
}*/
.join_fc ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.join_fc a h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    padding: 14px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.join_idea {
    margin-top: 79px;
}

.idea_list {
    clear: both;
    overflow: hidden;
    font-size: 0;
    margin-top: 67px;
    margin-bottom: 79px;
}

.idea_list .item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    color: #333;
    font-size: 14px;
    padding-left: 43px;
    padding-right: 43px;
}

.idea_list .pad_box {
    border-bottom: 1px solid #E8E8E8;
    display: flex;
    justify-content: space-between;
    padding-top: 27px;
    padding-bottom: 27px;
}

.idea_list .icon {
    width: 71px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.idea_list .item:nth-child(1) .icon {
    background-image: url(../imgs/job_list1.png);
}

.idea_list .item:nth-child(2) .icon {
    background-image: url(../imgs/job_list3.png);
}

.idea_list .item:nth-child(3) .icon {
    background-image: url(../imgs/job_list2.png);
}

.idea_list .item:nth-child(4) .icon {
    background-image: url(../imgs/job_list4.png);
}

.idea_list .info {
    width: calc(100% - 71px);
    padding-left: 58px;
    line-height: 28px;
}

.join_job {
    margin-top: 60px;
}

.join_job_imgs {
    width: 100%;
    height: auto;
    margin-top: 60px;
    display: flex;
    /*justify-content: space-around;*/
}

.join_job_imgs a {
    flex: 1;
}

.join_job_imgs a:nth-child(1) {
    padding-top: 0.8%;
}

.join_job_imgs a img {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.job_tab {
    margin-top: 60px;
    margin-bottom: 80px;
}

.job_tab .item {
    border: 1px solid #F3F3F3;
    background-color: #fff;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.job_tab .item:hover,
.job_tab .item.cur {
    box-shadow: 0px 5px 10px 0px rgba(13, 4, 9, 0.1);
}

.job_tab .item:last-child {
    margin-bottom: 0;
}

.job_tab .job_head,
.job_tab .job_body {
    padding-left: 40px;
    padding-right: 40px;
}

.job_tab .job_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    cursor: pointer;
    user-select: none;
}

.job_tab .job_head dl {
    display: flex;
    align-items: center;
}

.job_tab .job_head dt {
    font-size: 18px;
    font-weight: normal;
    margin-right: 40px;
}

.job_tab .job_head dd {
    font-size: 14px;
    color: #666;
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}

.job_tab .job_head dd::after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 0;
    width: 2px;
    height: 14px;
    background-color: #999;
    right: 0;
}

.job_tab .job_head dd:last-child::after {
    display: none;
}

.job_tab .job_head .right {
    display: flex;
    align-items: center;
}

.job_tab .right a {
    font-size: 14px;
    color: #fff;
    background-color: #004BC6;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 80px;
}

.job_tab .right a span {
    font-family: "宋体";
    margin-left: 5px;
}

.job_tab .right .jt {
    width: 18px;
    height: 18px;
    background: url(../imgs/b_jt_left.png) no-repeat center center;
    background-size: 18px auto;
    transition: all 0.3s;
}

.job_tab .item.cur .right .jt {
    transform: rotate(-90deg);
}

.job_tab .job_body {
    display: none;
}

.job_tab .pad_box {
    border-top: 1px solid #F3F3F3;
    padding-top: 20px;
    padding-bottom: 20px;
}


.about_details {
    clear: both;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 80px;
}

.about_details .details {
    column-count: 2;
    column-gap: 85px;
    font-size: 14px;
    color: #666;
    margin-top: 62px;
    margin-bottom: 45px;
}

.about_details .details p {
    line-height: 28px;
    text-indent: 30px;
}

.about_details .pic_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_details .pic_box .pic {
    width: 50%;
    padding-right: 42px;
}

.about_details .pic_box img {}

.about_details .num {
    width: 50%;
    padding-left: 42px;
}

.about_details .num_list {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.about_details .num_list .item {}

.about_details .num_list .item:nth-child(2) {
    margin-left: 50px;
    margin-right: 50px;
}

.about_details .num_list h1 {
    color: #0F88FE;
    font-size: 0;
    text-shadow: 0px 0px 10px rgba(15, 136, 254, 0.35);
}

.about_details .num_list .item:nth-child(2) h1 {
    color: #004BC6;
    text-shadow: 0px 0px 10px rgba(0, 75, 198, 0.35);
}

.about_details .num_list strong {
    font-size: 48px;
    display: inline-block;
}

.about_details .num_list span {
    font-size: 14px;
    margin-left: 9px;
}

.about_details .num_list em {
    display: block;
    font-style: normal;
    font-size: 18px;
    color: #333;
    margin-top: 20px;
}

.about_brand {
    background-color: #004BC6;
    color: #fff;
}

.about_brand .container {
    padding-top: 80px;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about_brand .pub_title {
    color: #fff;
}

.about_brand .info {
    width: 50%;
    padding-right: 100px;
}

.about_brand .tit {
    font-size: 24px;
    margin-top: 43px;
    margin-bottom: 17px;
}

.about_brand .con {
    font-size: 14px;
}

.about_brand .con p {
    line-height: 28px;
}

.about_brand .pic {
    width: 50%;
}

.about_brand .pic img {
    width: auto;
    max-width: 100%;
}

.about_org {
    clear: both;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 46px;
}

.about_org img {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 100%;
    margin-top: 45px;
}

.video_list,
.about_video {
    clear: both;
    overflow: hidden;
}

.about_video {
    /*padding-top: 0;*/
}

.about_video .head_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 54px;
}

.about_video .pub_title {}

.about_video_nav {
    display: flex;
    align-items: center;
}

.about_video_nav a {
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #E5E5E5;
    color: #333;
    background-color: #fff;
    margin-left: 10px;
    font-size: 14px;
    transition: all 0.3s;
}

.about_video_nav a.cur,
.about_video_nav a:hover {
    color: #004BC6;
    background-color: #CCDBF4;
    border-color: #CCDBF4;
}

.video_list {
    margin-left: -20px;
    margin-right: -20px;
}

.video_list .item {
    float: left;
    width: 33.333%;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.video_list a {
    display: block;
    width: 100%;
    height: 100%;
}

.video_list .pic {
    overflow: hidden;
    position: relative;
    height: 241px;
    background-color: #F4F4F4;
}

.video_list .pic::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../imgs/play_btn.png) no-repeat center center;
    background-size: contain;
    z-index: 3;
}

.video_list .pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.video_list .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    background-color: #eee;
    height: 60px;
    line-height: 60px;
    padding-left: 19px;
    padding-right: 19px;
}


.about_video_big {
    padding-top: 100px;
}

.about_video_big .container {}

.about_video_big .pad_box {
    display: flex;
    justify-content: space-between;
    margin-top: 64px;
}

.about_video_big .left {
    width: 40%;
}

.about_video_big .right {
    /*width:calc( 100% - 40% );*/
    width: 620px;
    height: 440px;
    padding: 2%;
}

.about_video_big .right img {
    cursor: pointer;
    /*transform:translateY(-100px);*/
    transform: none;
    box-shadow: 0px 0px 30px -15px #004bc6;
}

.about_video_big ul {}

.about_video_big ul li {
    display: flex;
    margin-bottom: 20px;
}

.about_video_big ul li .icon {
    display: inline-block;
    width: 70px;
    height: 40px;
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    margin-right: 38px;
}

.about_video_big ul li:nth-child(1) .icon {
    background-image: url(../imgs/icon_video1.png);
    background-size: contain;
}

.about_video_big ul li:nth-child(2) .icon {
    background-image: url(../imgs/icon_video2.png);
    background-size: contain;
}

.about_video_big ul li:nth-child(3) .icon {
    background-image: url(../imgs/icon_video3.png);
    background-size: contain;
}

.about_video_big dl {
    border-top: 1px solid #eee;
    width: calc(100% - 108px);
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    height: 330px;
    overflow-y: scroll;
}
/* 整个滚动条 */
::-webkit-scrollbar {
    /* 对应纵向滚动条的宽度 */
    width: 10px;
    /* 对应横向滚动条的宽度 */
    height: 10px;
}
 
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    background-color: #0642ab;
    border-radius: 32px;
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 32px;
}
.about_video_big li:first-child dl {
    border-top: none;
}

.about_video_big dd {
    line-height: 40px;
}

.about_video_big dd a {
    font-size: 14px;
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.about_video_big dd a:hover {
    color: #004BC6;
}

.pz_manage {
    clear: both;
    overflow: hidden;
    padding-top: 101px;
}

.pz_manage .container {}

.pz_manage_list {
    margin-top: 64px;
    text-align: center;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    text-align: center;
}

.pz_manage_list .item {
    float: left;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding: 38px 5px;
    width: 20%;
    height: 260px;
}

.pz_manage_list .item:nth-child(odd) {
    background-color: #eee;
}

.pz_manage_list .item:nth-child(even) {
    background-color: #fff;
}

.pz_manage_list .icon {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 75px;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
}

.pz_manage_list .item:nth-child(1) .icon {
    background-image: url(../imgs/01.png);
}

.pz_manage_list .item:nth-child(2) .icon {
    background-image: url(../imgs/02.png);
}

.pz_manage_list .item:nth-child(3) .icon {
    background-image: url(../imgs/03.png);
}

.pz_manage_list .item:nth-child(4) .icon {
    background-image: url(../imgs/04.png);
}

.pz_manage_list .item:nth-child(5) .icon {
    background-image: url(../imgs/05.png);
}

.pz_manage_list h2 {
    font-weight: bold;
    font-size: 24px;
    color: #004BC6;
    margin-top: 38px;
    margin-bottom: 17px;
}

.pz_manage_list strong {
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    display: block;
}

.pz_pic_box {
    clear: both;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
}

.pz_pic_box1 {
    padding-bottom: 0;
}

.pz_pic_box img {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.pz_text_box {
    clear: both;
    overflow: hidden;
}

.pz_text_box p {
    font-size: 14px;
    line-height: 28px;
    color: #333;
    text-indent: 30px;
}

.pz_ky {
    clear: both;
    overflow: hidden;
}

.pz_ky .container {}

.pz_ky .pad_box {
    clear: both;
    overflow: hidden;
}

.pz_ky .left {
    background-color: #EEEEEE;
    width: 480px;
    float: left;
    padding: 59px 20px;
    height: 400px;
    transform: translateY(60px);
}

.pz_ky .right {
    height: 460px;
    padding: 60px 47px 60px 40px;
    background-color: #004BC6;
    color: #fff;
    float: left;
    width: calc(100% - 480px);
}

.pz_ky .s_tit {
    color: #333;
    font-size: 24px;
}

.pz_ky .left .s_tit {
    margin-bottom: 75px;
}

.pz_ky .right .s_tit {
    color: #fff;
}

.pz_banner {
    overflow: visible;
}

.pz_banner .limit_box {}

.pz_banner .limit_box a {
    display: block;
    width: 100%;
    height: 120px;
    position: relative;
}

.pz_banner .limit_box a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.pz_banner .slick-dots {
    bottom: 200px;
}

.pz_ky .info {
    font-size: 14px;
    margin-top: 19px;
}

.pz_ky .info p {
    line-height: 28px;
}

.pz_ky .info img {
    width: 100%;
    margin-top: 47px;
}

.pz_banner .slick-dots {
    text-align: right;
    padding-right: 25px;
}

.pz_banner .slick-dots li,
.pz_banner .slick-dots li button,
.pz_banner .slick-dots li button::before {
    width: 13px;
    height: 6px;
    border-radius: 3px;
}

.pz_banner .slick-dots li button::before {
    background-color: rgba(0, 75, 198, 0.5);
}

.pz_banner .slick-dots li.slick-active button:before {
    background: rgba(0, 75, 198, 1);
}

.wh_list,
.about_wh {
    clear: both;
    overflow: hidden;
}

.about_wh {
    padding-top: 100px;
}

.wh_list {
    text-align: center;
    color: #fff;
    margin-top: 65px;
}

.wh_list .item {
    position: relative;
    overflow: hidden;
    float: left;
    width: 20%;
}

.wh_list .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 75, 198, 0.7);
    transition: all 0.3s;
}

.wh_list .item.cur::after {
    opacity: 1;
}

.wh_list .item {
    width: 32%;
    transition: all 0.5s;
}

.wh_list .item.cur {
    width: 32%;
}

.wh_list .item .info {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 95px;
    z-index: 2;
}

.wh_list .item.cur .info {
    height: 220px;
}

.wh_list img {
    width: auto;
}

.wh_list .tit {
    font-size: 24px;
    font-weight: bold;
}

.wh_list strong {
    display: block;
    font-weight: normal;
    line-height: 24px;
    font-size: 18px;
    margin-top: 14px;
}

.wh_list article {
    font-size: 14px;
    line-height: 28px;
    margin-top: 39px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.wh_list .item.cur article {
    display: block;
}

.about_honor {
    margin-top: 80px;
    padding-top: 100px;
    padding-bottom: 100px;
    background: url(../imgs/honor_bg.png) no-repeat center center;
    background-size: cover;
}

.about_honor .pub_title {
    margin-bottom: 60px;
    color: #fff;
}

.honor_list_box {}

.honor_list .whi:nth-child(1)>.dl_list,
.honor_list .whi:nth-child(3)>.dl_list {
    display: flex;
    flex-direction: column-reverse;
}

.honor_list .whi {
    width: 300px !important;
}

.honor_list .whi .dl_list .er {
    height: 298px !important;
}


.honor_list .whi .dl_list .it {
    width: 100% !important;
}

.honor_list .item {
    float: left;
    width: 400px;
}

.honor_list .item .dl_list {
    float: left;
    width: 100%;
}

.honor_list .item .dl_list .it {
    float: left;
}

.honor_list .item .dl_list .image {
    padding: 5px;
}

.mCSB_container {
    width: 6800px;
}

.honor_list .item .dl_list .it img {
    width: 100%;
    height: 100%;
}

.honor_list .item:nth-child(odd) {}

.honor_list .item:nth-child(even) {}

/* .honor_list .item:nth-child(even) .dl_list .it:nth-child(3),
.honor_list .item:nth-child(odd) .dl_list .it:nth-child(1) {
    width: 100%;
    height: 298px;
} */

.honor_list .item:nth-child(odd) .dl_list .it:nth-child(2),
.honor_list .item:nth-child(odd) .dl_list .it:nth-child(3),
.honor_list .item:nth-child(even) .dl_list .it:nth-child(1),
.honor_list .item:nth-child(even) .dl_list .it:nth-child(2) {
    width: 50%;
    height: 147px;
}



/*水平滚动条*/
.about_honor ._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    display: none;
}

.about_honor .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    margin: 2px 0;
}

.about_honor .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
    height: 6px;
    border-radius: 3px;
    background-color: #FAFBFB;
}

/*//水平滚动条*/


.about_history {
    clear: both;
    overflow: hidden;
    background: url(../imgs/history_bg.png) no-repeat center bottom;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}

.about_history .pub_title {
    margin-bottom: 60px;
}

.about_history {
    clear: both;
    overflow: hidden;
}

.about_history .pub_title {}

.history_box {
    height: 490px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px;
}

.history_box .pic {
    width: 200px;
}

.history_box .history_list {
    width: 490px;
}

.history_box .year_list {
    width: calc(100% - 690px);
}

.history_box .pic time {
    display: block;
    color: #004BC6;
    font-weight: bold;
    font-size: 40px;
    transform: translateY(25px);
    text-shadow: 0 0 10px rgba(0, 75, 198, 0.3);
}

.history_box .pic img {}

.history_list {
    transform: translateY(15px);
    height: 300px;
}

.history_list ul {}

.history_list li {}

.history_list li a {
    padding-left: 40px;
    padding-right: 40px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 15px;
    color: #333;
    transition: all 0.3s;
}

.history_list li.cur a,
.history_list li a:hover {
    color: #004BC6;
    background-color: #F5F5F5;
}

.year_list_con {
    width: 240px;
    height: 570px;
    background: #004BC6;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}

.year_list_con .ul_box {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 276px;
    width: 100%;
    overflow: hidden;
}

.year_list_con .s_btn {
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.6;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s;
}

.year_list_con .s_btn:hover {
    opacity: 1;
}

.year_list_con .s_btn_up {
    background-image: url(../imgs/history_jt_up.png);
}

.year_list_con .s_btn_down {
    background-image: url(../imgs/history_jt_down.png);
}

.history_box .year_list {
    padding-left: 80px;
}

.history_box .year_list ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.history_box .year_list li {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    opacity: 0.8;
    /*	margin-top: 25px;
	margin-bottom: 25px;*/
    height: 46px;
    line-height: 46px;
    transition: all 0.3s;
}

.history_box .year_list li.cur {
    opacity: 1;
    font-size: 24px;
}

.history_box .year_list li:hover {
    opacity: 1;
}


/*垂直滚动条*/
.about_history .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.about_history .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background-color: #004BC6;
    border-radius: 0;
}

.about_history .mCSB_draggerRail {
    background: #EEEEEE;
    width: 4px;
    border-radius: 0;
}

/*//垂直滚动条*/


.about_index {
    height: 160px;
    position: relative;
    z-index: 5;
}

.about_index_list {
    margin-top: -120px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.about_index_list .item {
    width: 33.333%;
    height: 240px;
    padding-top: 60px;
    padding-left: 38px;
    padding-right: 38px;
}

.about_index_list .item:nth-child(1) {
    background-color: #004BC6;
}

.about_index_list .item:nth-child(2) {
    background-color: #fff;
}

.about_index_list .item:nth-child(3) {
    background: url(../imgs/about_index_bg3.png) no-repeat center center;
    background-size: cover;
}

.about_index_list .item:nth-child(1),
.about_index_list .item:nth-child(3),
.about_index_list .item:nth-child(3) a {
    color: #fff;
}

.about_index_list .head_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_index_list .head_tit .text {
    display: flex;
    align-items: flex-start;
}

.about_index_list .head_tit h1 {
    font-size: 16px;
}

.about_index_list .head_tit strong {
    opacity: 0.7;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.about_index_list .jt {}

.about_index_list .jt img {
    width: auto;
}

.about_index_list .info {
    margin-top: 30px;
}

.about_index_list .info p {
    font-size: 14px;
    line-height: 24px;
    opacity: 0.7;
}

.about_index .ry_list {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.about_index .ry_list dd {}

.about_index .ry_list a {
    color: #666;
    font-size: 14px;
    display: inline-block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about_index .ry_list .icon {
    display: block;
    width: 30px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.about_index .ry_list dd:nth-child(1) .icon {
    background-image: url(../imgs/ry_list1.png);
}

.about_index .ry_list dd:nth-child(2) .icon {
    background-image: url(../imgs/ry_list2.png);
}

.about_index .ry_list dd:nth-child(3) .icon {
    background-image: url(../imgs/ry_list3.png);
}

.about_index .ry_list em {
    display: block;
    font-style: normal;
    margin-top: 16px;
    transition: all 0.3s;
}

.about_index .ry_list a:hover em {
    color: #004BC6;
}

.about_index_banner {
    transform: translateY(75px);
    overflow: visible;
}

.about_index_banner .slick-list {
    position: relative;
    z-index: 5;
}

.about_index_banner .limit_box a {
    font-size: 14px;
}

.about_index_banner .slick-dots li,
.about_index_banner .slick-dots li button,
.about_index_banner .slick-dots li button::before {
    width: 10px;
}

.about_index_banner .slick-dots li button::before {
    opacity: 0.7;
}

.about_index_banner .slick-dots li.slick-active button:before {
    background: #fff;
    opacity: 1;
}

.about_index_banner .slick-dots {
    bottom: 0;
    text-align: right;
}

.service_tab {
    padding-top: 100px;
}

.service_tab2 {
    padding-top: 80px;
}

.service_tab .pub_title {
    margin-bottom: 50px;
}

.service_tab1 {
    background-color: #F5F5F5;
}

.service_tab .job_tab {
    margin-top: 26px;
    /*margin-bottom: 80px;*/
}

.service_tab2 .job_tab {
    margin-top: 26px;
    margin-bottom: 40px;
}

.service_pic_text {
    clear: both;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 80px;
}

.service_pic_text .pub_title {
    margin-bottom: 64px;
}

.service_pic_text .con {
    display: flex;
    justify-content: space-between;
}

.service_pic_text .left {
    width: calc(100% - 560px);
    padding-right: 20px;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    transform: translateY(75%);
}

.service_pic_text .right {
    width: 560px;
}

.service_pic_text .details {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

.service_pic_text dl {
    display: flex;
    align-items: center;
}

.service_pic_text dd {
    display: flex;
}

.service_pic_text dd:first-child {
    margin-right: 50px;
}

.service_pic_text .icon {
    display: block;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

}

.service_pic_text dd:nth-child(1) .icon {
    background-image: url(../imgs/ser_icon1.png);
}

.service_pic_text dd:nth-child(2) .icon {
    background-image: url(../imgs/ser_icon2.png);
}

.service_pic_text .text {
    text-align: left;
    padding-left: 19px;
}

.service_pic_text .text h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.service_pic_text .text strong {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    display: block;
    margin-top: 15px;
}

.service_pic_text .left img {}

.service_pic_text .right img {}

.rec_pro_bot_list_box {
    clear: both;
    overflow: hidden;
}

.rec_pro_bot_list {
    clear: both;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 0;
}

.rec_pro_bot_list .item {
    float: left;
    width: 50%;
}

.rec_pro_bot_list .item a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 220px;
    background-color: #EEEEEE;
}

.rec_pro_bot_list .item:nth-child(even) a {
    background-color: #E5E5E5;
}

.rec_pro_bot_list .item a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    transition: all 0.3s;
}

.rec_pro_bot_list .item a:hover img {
    transform: scale(1.1);
}

.rec_pro_bot_list .item h1 {
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%);
}


.anli_list_box,
.anli_list {
    clear: both;
    overflow: hidden;
}

.anli_list_box {
    margin-bottom: 60px;
}

.anli_list_box .pub_title {
    margin-top: 60px;
    margin-bottom: 60px;
}

.anli_list li {
    width: 16.666%;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
}

.anli_list li a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #F5F5F5;
}

.anli_list li a strong {
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #666;
}

.anli_list li a img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.user_post_art2 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.right .zt_scr_pro_m {
    display: none;
}

.app_box {
    clear: both;
    overflow: hidden;
}

.app_box {
    padding-top: 80px;
    padding-bottom: 40px;
}

.app_lc_list {
    display: flex;
    align-items: center;
    text-align: center;
}

.app_lc_list .item {
    position: relative;
    display: block;
    width: 80px;
    height: 40px;
    line-height: 38px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    font-size: 14px;
    color: #999;
    margin-right: 80px;
    transition: all 0.3s;
}

.app_lc_list .item:last-child {
    margin-right: 0;
}

.app_lc_list .item::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: -81px;
    width: 80px;
    height: 2px;
    background: #d2d2d2;
}

.app_lc_list .item:last-child::after {
    display: none;
}

.app_lc_list .item.cur {
    color: #fff;
    background-color: rgba(0, 75, 198, 1);
    box-shadow: 0 0 5px 5px rgba(0, 75, 198, 0.1);
    border-color: rgba(0, 75, 198, 1);
}

.app_box .btn_box {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 47px;
}

.app_box .btn_box h1 {
    font-size: 36px;
    color: #333;
}

.app_box .btn_box h1 span {
    font-size: 14px;
    color: #999;
}

.app_box .btn_box a {
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid #5285D8;
    color: #004BC6;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    transition: all 0.3s;
}

.app_box .btn_box a:hover {
    color: #fff;
    border-color: #004BC6;
    background-color: #004BC6;
}

.app_pro_list {
    clear: both;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.app_pro_list .item {
    /*float: left;*/
    width: 25%;
}

.app_pro_list .item a {
    position: relative;
    display: block;
    height: 100%;
    text-align: center;
    color: #fff;
    background-color: #000;
}

.app_pro_list .item a::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #004BC6;
    opacity: 0;
    transition: all 0.3s;
}

.app_pro_list .item.cur a::after {
    opacity: 1;
}

.app_pro_list .item a img {
    opacity: 0.8;
}

.app_pro_list .item a h3 {
    font-size: 18px;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: 14px;
    letter-spacing: 8px;
}

.app_select_box {
    clear: both;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.app_select_box .icon {
    display: block;
    width: 24px;
    height: 24px;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    background: url(../imgs/icon_gou_gray.png) no-repeat center center;
    background-size: 20px auto;
}

.app_select_box .icon.cur {
    background-image: url(../imgs/icon_gou_white.png);
    background-color: #004BC6;
    border-color: #004BC6;
}

.app_select_box strong {
    margin-left: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #333;
}

.pro_list {
    display: flex;
    flex-wrap: wrap;
}

.pro_list .item {
    width: 33.333%;
}

.pro_list .item .pad_box {
    display: block;
    padding: 40px;
    position: relative;
    transition: all 0.3s;
}

.pro_list .item .pad_box:hover {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(13, 4, 9, 0.1);
}

.pro_list .item nav {
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 5;
}

.pro_list .item nav .it {
    font-size: 12px;
    color: #333;
    width: 70px;
    height: 30px;
    border: 1px solid #d2d2d2;
    text-align: center;
    line-height: 28px;
    margin-bottom: 10px;
}

.pro_list .item .pic {
    height: 228px;
    position: relative;
}

.pro_list .item .pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    padding-left: 16%;
}

.pro_list .item dl {
    display: flex;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
}

.pro_list .item dd {
    text-align: center;
    width: 33.333%;
    padding-left: 5px;
    padding-right: 5px;
}

.slick2 {
    display: none;
}

.slick2 .slick-list {
    width: 100%;
}

.pro_list .item dd img {
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
}

.pro_list .item dd .pad_con {
    height: 90px;
    border: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pro_list .item .em_box {
    height: 24px;
}

.pro_list .item dd img {}

.pro_list .item .pad_box:hover dd img {
    display: none;
}

.pro_list .item dd strong {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    display: none;
}

.pro_list .item .pad_box:hover dd strong {
    display: block;
}

.pro_list .item dd h2 {
    font-size: 12px;
    color: #666;
    margin-top: 20px;
}

.pro_list .item .tit {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    margin-bottom: 15px;
}

.filter_box {
    clear: both;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 20px;
}

.filter_box .top {}

.filter_box .bot {
    background-color: #fff;
    padding: 30px 40px;
}

.filter_list {}

.filter_list .item {
    clear: both;
    overflow: hidden;
}

.filter_list .item:nth-of-type(1) {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.filter_list .head_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter_list .head_details .tit {
    font-size: 18px;
    color: #333;
    margin-right: 10%;
    width: 150px;
}

.filter_nav {
    display: flex;
    align-items: center;
     flex-wrap: wrap; 
    text-align: center;
}

.filter_nav li {
    width: 16.666%;
}

.filter_nav .pad {
    display: block;
    position: relative;
    height: 100%;
}

.filter_nav .pad::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 75, 198, 0.5);
    z-index: 1;
    transition: all 0.3s;
}

.filter_nav .pad::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    z-index: 2;
    transition: all 0.3s;
}

.filter_nav li.cur .pad::after,
.filter_nav li:hover .pad::after {
    opacity: 0;
}

.filter_nav img {}

.filter_nav .icon_box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.filter_nav .icon {
    width: 48px;
    height: 48px;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 48px auto;
}

.filter_nav li.cur .icon,
.filter_nav li:hover .icon {
    background-position: center -48px;
}

.filter_nav li:nth-child(1) .icon {
    background-image: url(../imgs/slide_pro_nav3.png);
}

.filter_nav li:nth-child(2) .icon {
    background-image: url(../imgs/slide_pro_nav4.png);
}

.filter_nav li:nth-child(3) .icon {
    background-image: url(../imgs/slide_pro_nav5.png);
}

.filter_nav li:nth-child(4) .icon {
    background-image: url(../imgs/slide_pro_nav6.png);
}

.filter_nav li:nth-child(5) .icon {
    background-image: url(../imgs/slide_pro_nav7.png);
}

.filter_nav li:nth-child(6) .icon {
    background-image: url(../imgs/slide_pro_nav9.png);
}

.filter_nav li:nth-child(7) .icon {
    background-image: url(../imgs/slide_pro_nav8.png);
}

.filter_nav .tit {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}

.filter_search_pro {
    margin-top: 10px;
}

.filter_search_pro .input_group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter_search_pro .input_box {
    position: relative;
    margin-right: 20px;
}

.filter_search_pro img {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 20px;
}

.filter_search_pro input {
    width: 200px;
    height: 40px;
    border: none;
    font-size: 14px;
}

.filter_search_pro input[type="text"] {
    background-color: #FAFAFA;
    color: #bbb;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #D2D2D2;
}

.filter_search_pro input[type="button"] {
    background-color: #004BC6;
    color: #fff;
    margin-left: 20px;
}

.zt_db {
    clear: both;
    overflow: hidden;
    padding-top: 50px;
}

.zt_db .container {
    background-color: #fff;
    padding: 25px 75px 66px;
}

.zt_db .title {
    clear: both;
    overflow: hidden;
    text-align: center;
    font-size: 48px;
    color: #333;
    margin-bottom: 0px;
}

.zt_db_list_box {
    display: flex;
    align-items: flex-end;
}

.zt_db_list_box .left {
    width: 170px;
    /*position: relative;*/
}

.more_product_btn {
    display: block;
    width: 160px;
    height: 40px;
    background: #004bc6;
    border-radius: 20px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    margin: 30px auto 40px;
    /*position: absolute;
	bottom: 0;
	left: 0;*/
}

.more_product_btn:hover {
    color: #fff;
}

.zt_db_list_box .right {
    overflow: hidden;
    /*width:calc( 100% - 170px );*/
    width: 100%;
}

.zt_db_list_box .attr_name_lists {
    transform: translateY(-83px);
}

.zt_db_list_box .attr_name_lists dd {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zt_db_list {
    display: flex;
    cursor: move;
}

.zt_db_list .item {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.zt_db_list .tit {
    font-size: 20px;
    color: #333;
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.zt_db_list .pic {
    /*width:249px;*/
    width: 100%;
    height: 249px;
    position: relative;
}

.zt_db_list .pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.zt_db_list .attr_lists {
    display: none;
}

.zt_db_list .attr_lists dd {
    font-size: 16px;
    color: #333;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.zt_db_list .attr_lists dd span {
    font-weight: 600;
    float: left;
    letter-spacing: 3px;
}

.zy_db_m {
    display: none;
}

.zt_db_list .link_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 57px;
}

.zt_db_list .link_group a {
    font-size: 13px;
    display: block;
    width: 90px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    text-align: center;
}

.zt_db_list .link_group a:nth-child(2) {
    color: #fff;
    background-color: #1F6ADB;
}

.zt_db_list .link_group a:nth-child(1) {
    color: #1F6ADB;
    border: 1px solid #1F6ADB;
}

.zt_case_box {
    margin-top: 0px !important;
    clear: both;
    overflow: hidden;
}

.zt_case_box .container {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.zt_case_box .case_nav {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.zt_case_box .case_nav .item {
    overflow: hidden;
    margin-bottom: 30px;
    width: 25%;
}

.zt_case_box .case_nav a {
    border-radius: 16px;
    width: 160px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #6F6F6F;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s;
}

.zt_case_box .case_nav .item.cur a,
.zt_case_box .case_nav .item a:hover {
    color: #fff;
    border-color: #1F6ADB;
    background-color: #1F6ADB;
}

.zt_case_box2 .case_list_group {
    display: flex;
    padding-right: 10px;
    padding-top: 30px;
}

.zt_case_box2 .case_list_infos {
    width: 285px;
    padding-right: 20px;
    padding-left: 30px;
}

.zt_case_box2 .case_list_infos .pub_title {}

.zt_case_box2 .case_list_infos .con {
    font-size: 18px;
    color: #333;
    margin-top: 37px;
}

.zt_case_box2 .case_list_infos .con p {
    line-height: 28px;
}

.zt_case_box2 .case_list_infos dl {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
}

.zt_case_box2 .case_list_infos dd {
    padding-right: 10px;
    margin-bottom: 10px;
}

.zt_case_box2 .case_list_infos dd a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 16px;
    border: 1px solid #333;
    height: 26px;
    line-height: 26px;
    transition: all 0.3s;
    padding: 0 10px;
}

.zt_case_box2 .case_list_infos dd a:hover {
    color: #fff;
    background-color: #1F6ADB;
    border-color: #1F6ADB;
}

.zt_case_box2 .case_list {
    width: calc(100% - 285px);
}

.zt_case_box .case_list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    /*	margin-left: -15px;
	margin-right: -15px;*/
    padding-left: 15px;
    padding-right: 15px;
}

.zt_case_box .case_list .item {
    width: 25%;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

/*.zt_case_box2 .case_list .item:nth-child(odd){
	padding-right: 40px;
}
.zt_case_box2 .case_list .item:nth-child(even){
	padding-left: 40px;
}*/
.zt_case_box2 .case_list .item {
    width: 25%;
    padding: 0 30px;
}

.zt_case_box .case_list a {
    display: block;
}

.zt_case_box .case_list .pic {
    border-radius: 10px;
    height: 118px;
    width: 158px;
    overflow: hidden;
    margin: 0 auto;
}

.zt_case_box .case_list .pic img {
    /* height: 118px; */
    /*	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	margin:auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;*/

}

.zt_case_box .multigrain .case_list .pic img {
    height: 150px;
}

.zt_case_box .case_list .tit {
    font-size: 16px;
    color: #333;
    margin-top: 34px;
}

.zt_case_box .case_parent_nav {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 63px;
}

.zt_case_box .case_parent_nav .item {
    height: 94px;
    line-height: 94px;
    flex-grow: 1;
}

.zt_case_box .case_parent_nav a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

/*.zt_case_box .case_parent_nav a::before{
	position: absolute;
	content:"";
	left:0;
	bottom:0;
	height:0;
	width:50%;
	background-color: #fff;
	border-style: solid;
	border-color: #fff #fff #fff transparent;
	border-width:20px;
}*/

.zt_case_box .class_list_box {
    clear: both;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
}

.zt_case_box .class_list_box .left {
    color: #333;
    font-size: 20px;
}

.zt_case_box .class_list_box dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #DFDFDF;
    height: 120px;
}

.zt_case_box .class_list {
    display: flex;
    align-items: center;
}

.zt_case_box .class_list .item {
    margin-left: 20px;
}

.zt_case_box .class_list .item:first-child {
    margin-left: 0;
}

.zt_case_box .class_list a {
    display: flex;
    align-items: center;
}

.zt_case_box .class_list .icon {
    overflow: hidden;
    border-radius: 50%;
    width: 71px;
    height: 71px;
}

.zt_case_box .class_list .icon img {
    width: 100%;
    height: 100%;
}

.zt_case_box .class_list .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15px;
}

.zt_case_box .class_list .text h5 {
    font-size: 16px;
    color: #333;
}

.zt_case_box .class_list .star_list {
    display: flex;
    margin-top: 13px;
}

.zt_case_box .class_list .star_list span {
    color: #1F6ADB;
    font-size: 14px;
    margin-right: 4px;
}

.zt_hz_case {
    clear: both;
    overflow: hidden;
    padding-top: 60px;
}

.zt_hz_case .pub_title {
    margin-bottom: 60px;
    text-align: center;
}

.zt_hz_case .zt_hz_list {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-left: -30px;
    margin-right: -30px;
}

.zt_hz_case .zt_hz_list .item {
    width: 16.666%;
    padding-left: 30px;
    padding-right: 30px;
}

.zt_hz_case .zt_hz_list .pic {
    width: 140px;
    height: 80px;
    border: 1px solid #F1F1F1;
    position: relative;
}

.zt_hz_case .zt_hz_list .tit {
    font-size: 14px;
    color: #333;
    margin-top: 14px;
    margin-bottom: 14px;
}

.zt_hz_case .zt_hz_list a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.zt_hz_case .zt_hz_list img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.zt_kf {
    clear: both;
    overflow: hidden;
    margin-top: 55px;
}

.zt_kf ul {
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.zt_kf li {}

.zt_kf a {
    position: relative;
    display: block;
}

/*.zt_kf .kf_img_box{
	width: 600px;
	height: 410px;
}
.zt_kf .kf_img_box1{
	background: url(../imgs/kf1.jpg) no-repeat bottom center;	
	background-size: auto 200px;
}
.zt_kf .kf_img_box2{
	background: url(../imgs/kf1.jpg) no-repeat bottom center;	
	background-size: auto 200px;
}*/
.zt_kf img {}

.zt_kf .text {
    position: absolute;
    top: 35px;
    width: 100%;
    left: 0;
    z-index: 3;
}

.zt_kf .text .tit {
    font-size: 33px;
    color: #333;
}

.zt_kf .text strong {
    display: block;
    font-weight: normal;
    font-size: 20px;
    color: #2F95FC;
    margin-top: 20px;
}

.zt_youhui {
    clear: both;
    overflow: hidden;
    margin-top: 60px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.zt_youhui .container {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 60px 15px;
}

.zt_youhui .pub_title {}

.zt_youhui .info {}

.zt_youhui .info strong {
    font-weight: normal;
    display: block;
    font-size: 24px;
    color: #333;
    margin-top: 43px;
    margin-bottom: 43px;
}

.zt_youhui .info a {
    font-size: 20px;
    color: #0084FF;
    display: inline-block;
    margin-bottom: 35px;
}

.zt_youhui .pic {
    /*margin-left: auto;*/
    margin-right: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: 30px;
}

.zt_big_list_box {
    clear: both;
    /*overflow: hidden;*/
    margin-top: 52px;
}

.zt_big_list_box .container {}

.zt_big_list {}

.zt_big_list .item {
    margin-bottom: 52px;
}

.zt_big_list .item:last-child {
    margin-bottom: 0;
}

.zt_big_list .pad_box {
    position: relative;
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.zt_big_list_box2 .zt_big_list .pad_box {
    border-radius: 0;
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.08);
}

.zt_big_list_box .pub_title {
    text-align: center;
    margin-bottom: 54px;
}

.zt_big_list .info {}

.zt_big_list .pic {
    width: auto;
    /*margin-left: auto;*/
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 42px;
}

.zt_big_list h1 {
    font-size: 40px;
}

.zt_big_list .con {
    margin-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.zt_big_list .con p {
    font-size: 20px;
    line-height: 24px;
}

.zt_service_box {
    clear: both;
    overflow: hidden;
    padding-top: 100px;
}

.zt_service_box .pub_title,
.zt_service_box .text {
    text-align: center;
}

.zt_service_box .pub_title {}

.zt_service_box .text {
    font-size: 18px;
    color: #333;
    margin-top: 26px;
    font-weight: normal;
    margin-bottom: 68px;
}

.zt_service_list {
    display: flex;
    justify-content: center;
    text-align: center;
}

.zt_service_list .item {}

.zt_service_list .item:nth-child(1) {
    padding-right: 40px;
}

.zt_service_list .item:nth-child(2) {
    padding-left: 40px;
}

.zt_service_list a {
    display: block;
    border: 1px solid transparent;
    transition: all 0.3s;
}

.zt_service_list a:hover {
    border-color: #F5F5F5;
}

.zt_service_list .pic {}

.zt_service_list .pic img {}

.zt_service_list .info {
    padding: 40px 15px;
    transition: all 0.3s;
}

.zt_service_list a:hover .info {
    background-color: #fff;
}

.zt_service_list .tit {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.zt_service_list a:hover .tit {
    color: #004BC6;
}

.zt_service_list .con {
    font-size: 14px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 48px;
    overflow: hidden;
}

.zt_service_list .con p {
    line-height: 28px;
}

.zt_service_list .more {
    color: #333;
    font-size: 14px;
    transition: all 0.3s;
}

.zt_service_list a:hover .more {
    color: #004BC6;
}

.zt_zh_list2 {
    padding-top: 100px;
    padding-bottom: 84px;
}

.zt_zh_list2 .container {}

.zt_zh_list2 ul {
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(13, 4, 9, 0.1);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.zt_zh_list2 li {
    flex-grow: 1;
    position: relative;
    padding-left: 37px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.zt_zh_list2 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 60px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #999;
}

.zt_zh_list2 a {}

.zt_zh_list2 h1 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
}

.zt_zh_list2 strong {
    font-size: 14px;
    color: #999;
    margin-top: 13px;
    display: block;
    font-weight: normal;
}

.zt_zh_list1 {
    padding-top: 100px;
}

.zt_zh_list1 ul {
    display: flex;
}

.zt_zh_list1 ul li {
    width: 33.333%;
    text-align: center;
}

.zt_zh_list1 ul li:nth-child(2) {
    margin-left: 80px;
    margin-right: 80px;
}

.zt_zh_list1 ul a {
    display: block;
    position: relative;
    color: #fff;
}

.zt_zh_list1 ul a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    margin: auto;
    width: 90%;
    height: 94%;
    z-index: 4;
    border: 1px solid #fff;
}

.zt_zh_list1 ul img {}

.zt_zh_list1 ul .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.zt_zh_list1 ul .tit {
    font-size: 36px;
    font-weight: bold;
}

.zt_zh_list1 ul .text {
    font-size: 14px;
    font-style: normal;
    display: block;
    margin-top: 23px;
}

.zt_zh_list1 ul .s_btn {
    font-weight: normal;
    width: 140px;
    height: 40px;
    display: block;
    font-size: 14px;
    line-height: 38px;
    border: 1px solid #fff;
    margin-top: 58px;
    transition: all 0.5s;
}

.zt_zh_list1 ul .s_btn:hover {
    opacity: 1;
    background-color: #fff;
    color: #004BC6;
}


.zt_db_slide_box {
    padding-top: 100px;
}

.zt_db_slide_box .contai {
    display: flex;
    /*justify-content: space-between;*/
}

.zt_db_slide_box .left {
    padding-left: 10%;
    width: 450px;
}

.zt_db_slide_box .right {
    /*width:calc( 100% - 450px);*/
    width: 75%;
    overflow: hidden;
}

.zt_db_slide_box .pub_title {}

.zt_db_slide_box .con {
    font-size: 18px;
    color: #333;
    margin-top: 39px;
    margin-bottom: 34px;
}

.zt_db_slide_box .con p {
    line-height: 28px;
}

.zt_db_slide_box .left dl {
    display: flex;
    flex-wrap: wrap;
}

.zt_db_slide_box .left dd {
    padding-right: 10px;
    padding-bottom: 10px;
}

.zt_db_slide_box .left dd a {
    display: block;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    border: 1px solid #d2d2d2;
    transition: all 0.3s;
}

.zt_db_slide_box .left .activeDD a {
    color: #fff;
    border-color: #004BC6;
    background-color: #004BC6;
}

/*.zt_db_slide_box .left dd a:hover{
	color: #fff;
	border-color: #004BC6;
	background-color: #004BC6;
}*/
.zt_db_slide_box .to_pro {
    font-size: 18px;
    color: #004BC6;
    margin-top: 25px;
    display: inline-block;
}

.zt_scr_pro {
    display: flex;
    background: #fff;
    flex-wrap: wrap;
}

.zt_scr_pro .slick-list {
    width: 100% !important;
}

.slick3 .slick-track {
    width: 100% !important;
}

.zt_scr_pro .item {
    padding-left: 1%;
    padding-right: 1%;
}

.slick3 .item {
    width: 33% !important;
}

.zt_scr_pro .pad_box {
    width: auto;
    /*height: 470px;*/
    height: 420px;
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
}

.zt_scr_pro .pic {
    /*width:320px;*/
    width: 90%;
    height: 320px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.zt_scr_pro .pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.zt_scr_pro .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 40px;
}

.zt_scr_pro .tit_box {
    text-align: center;
}

.zt_scr_pro .tit_box h1 {
    font-size: 18px;
    color: #333;
}

.zt_scr_pro .tit_box h2 {
    font-size: 14px;
    color: #004BC6;
    margin-top: 8px;
}

.zt_scr_pro dl {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 10px;
}

.zt_scr_pro dd {
    padding-bottom: 10px;
    padding-right: 10px;
}

.zt_scr_pro dd a {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    color: #222;
}

.zt_scr_pro .con {
    display: none;
    font-size: 12px;
    color: #666;
    padding-top: 40px;
    line-height: 25px;
}

.zt_scr_pro .con p {}

.zt_scr_pro .look {
    font-size: 12px;
    color: #004BC6;
    display: block;
}

.zt_db_list_m {
    /* display: none; */
}

.pop_video {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.8);
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

.pop_video .pad_box {
    background-color: #000;
    width: 90%;
    max-width: 750px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60%;
}

.pop_video .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../imgs/mobile_close_gray.png) no-repeat left bottom;
    background-size: 30px auto;
    z-index: 19;
}

.pop_video .video_box {
    /*overflow: hidden;
	height: 400px;*/
    position: absolute;
    width: 750px;
    height: 100%;
    top: 0;
}

.pop_video video {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pop_video .video_box iframe {
    width: 750px;
    height: 460px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*预订弹窗*/
.pop_yd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    transition: all 0.5s;
}

.pop_yd .pad {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 98%;
    height: auto;
    max-width: 640px;
    max-height: 430px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
}

.pop_yd_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #2A66C9;
    padding-left: 30px;
    padding-right: 30px;
    height: 50px;
}

.pop_yd_head h1 {
    font-size: 16px;
    color: #fff;
}

.pop_yd_close {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(../imgs/yd_close.png) no-repeat center center;
    background-size: auto;
}

.pop_yd_body,
.pop_yd_body form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pop_yd_body {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.pop_yd_body form {
    width: 100%;
    max-width: 310px;
}

.pop_yd_body input,
.pop_yd_body button {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    border: none;
    background: none;
    background-color: #EEEEEE;
    font-size: 14px;
    color: #666;
}

.pop_yd_body input {
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.pop_yd_body .name {}

.pop_yd_body .tel {}

.pop_yd_body .addr {}

.pop_yd_body button {
    text-align: center;
    transition: all 0.3s;
}

.pop_yd_body button:hover {
    color: #fff;
    background-color: #2A66C9;
}

.pop_yd_tips {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pop_yd_tips,
.pop_yd_tips a {
    font-size: 12px;
    color: #666;
}

.pop_yd_tips a {
    transition: all 0.3s;
    text-decoration: underline;
}

.pop_yd_tips a:hover {
    color: #004BC6;
}

/*//预订弹窗*/


/*job弹窗*/
.pop_jobs_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 1000;
    display: none;
}

.pop_jobs {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 640px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.pop_jobs .s_yzm {
    padding-right: 95px;
}

.pop_jobs form {
    display: block;
    overflow: hidden;
    padding: 10px 40px 35px;
}

.resume {
    background: #fff;
}

.pop_job_close {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url(../imgs/yd_close.png) no-repeat center center;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.resume-title {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    background-color: #2A66C9;
    position: relative;
}

.resume-group {
    padding: 0 10px;
}

.resume-group label {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    font-weight: inherit;
}

.resume-group input,
.resume-group textarea {
    width: 100%;
    padding: 0 5px;
    background: #eee;
    color: #555;
    outline: none;
    border: 1px solid #eee;
}

.resume-group input:focus,
.resume-group input:hover,
.resume-group textarea:focus,
.resume-group textarea:hover {
    border-color: #004BC6;
}

.resume-group input {
    height: 30px;
    line-height: 30px;
    transition: all 0.3s;
}

.resume-group textarea {
    resize: none;
    padding: 5px;
    height: 60px;
    line-height: 24px;
    transition: all 0.3s;
}

.resume-group .tip {
    height: 4px;
    line-height: 20px;
    font-size: 12px;
    color: #b50101;
}

.resume-group input.submit-btn {
    background: #004BC6;
    border: 1px solid #004BC6;
    color: #fff;
    font-size: 14px;
}

.resume-group.yzm {
    position: relative;
    margin-bottom: 20px;
}

.yzms .yzm_imgs {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    top: 0;
    right: 10px;
    border: 1px solid #ddd;
}

/*//job弹窗*/

.zt_pub_star {
    clear: both;
    overflow: hidden;
}







































/*自定义滚动条*/
/*.scroll_content{
	height:700px; 
	overflow:auto;
}*/
._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ddd;
    width: 5px;
}

.mCSB_draggerRail {
    background: #EBEBEB !important;
}

/*//自定义滚动条*/



.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    clear: both;
}

.pagination a {
    transition: all 0.3s;
}

.pagination .current,
.pagination a {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

.pagination a:hover,
.pagination .current {
    background: rgb(204, 219, 244);
    border-color: rgb(204, 219, 244);
}

/*图片弹出层效果调整*/
.viewer-container {
    z-index: 1000 !important;
}

.viewer-footer {
    bottom: 15px;
}

.viewer-navbar {
    display: none;
}

.viewer-button {
    top: -32px;
    right: -32px;
    /*	width: 80px;
	height: 80px;*/
    border-radius: 0;
    background-color: #004BC6;
}

.pz_manage_list_m {
    display: none;
}

.wh_list_m {
    display: none;
    padding: 0 15px;
    margin-top: 20px;
    width: 100%;
    height: 260px;
}

.wh_list_m .item {
    width: 50%;
    position: relative;
}

.wh_list_m .item img {
    height: 260px;
}

.wh_list_m .item .info {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 95px;
    z-index: 2;
    color: #fff;
}

.wh_list_m .item h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.wh_list_m .item strong {
    font-weight: 400;
}

.class_list_box {
    clear: both;
    overflow: hidden;
    padding: 0 40px;
    background-color: #fff;
}

.class_list_box .left {
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.class_list_box dd:nth-of-type(1) {
    border: none;
}

.class_list_box dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #DFDFDF;
}

.class_list {
    display: flex;
    align-items: center;
}

.class_list .item {
    margin: 13px 10px;
}

.class_list a {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.class_list .icon {
    overflow: hidden;
    border-radius: 50%;
    width: 71px;
    height: 71px;
}

.class_list .icon img {
    width: 100%;
    height: 100%;
}

.class_list .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15px;
}

.class_list .text h5 {
    font-size: 16px;
    color: #333;
}

.class_list .star_list {
    display: flex;
    margin-top: 13px;
}

.class_list .star_list span {
    color: #1F6ADB;
    font-size: 14px;
    margin-right: 4px;
}

.slider-container {
    margin: 50px auto 60px;
}

.range .theme-green .back-bar .pointer {
    width: 20px;
    height: 20px;
    top: -8px;
    border: 2px solid #004bc6;
    background-image: none;
    background-color: #fff;
}

.range .slider-container .scale ins {
    font-size: 14px;
}

.range .theme-green .back-bar .selected-bar {
    background-image: none;
    background-color: #004BC6;
}

.range .theme-green .back-bar .pointer-label {
    font-size: 14px;
    top: -26px;
}

/*图片弹出层效果调整*/
/**{
	-ms-behavior: url(./Public/js/backgroundsize.htc);
	behavior: url(./Public/js/backgroundsize.htc);
}*/

@media (min-width: 1200px) {}

@media (max-width:1199px) {
    .pub_nav_list li a {
        padding-left: 22px;
        padding-right: 22px;
        font-size: 17px;
    }

    .pub_nav .btn_yd a {
        font-size: 17px;
    }

    .pub_nav .btn_yd {
        padding-left: 15px;
    }

    .small_banner {
        height: 350px;
    }

    .small_banner .tit_text {
        margin-top: 100px;
    }

    .small_banner .tit_text h1 {
        font-size: 40px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .small_banner .tit_text h2 {
        font-size: 15px;
    }

    .pub_title {
        font-size: 30px;
    }

    .contact_list {
        margin-top: 40px;
    }

    .contact_list strong {
        font-size: 20px;
    }

    .message .map_bg {
        height: 377px;
    }

    .video_list .pic {
        height: 197px;
    }

    .about_video {
        padding-top: 30px;
    }

    .history_box .pic {
        width: 200px;
    }

    .history_box .history_list {
        width: 350px;
    }

    .history_box .year_list {
        width: calc(100% - 550px);
    }

    .history_box .year_list {
        padding-left: 45px;
    }

    .about_index_list .item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service_pic_text .left {
        width: calc(100% - 500px);
    }

    .service_pic_text .right {
        width: 500px;
    }

    .service_pic_text .text h1 {
        font-size: 18px;
    }

    .service_pic_text .text strong {
        margin-top: 10px;
    }

    .service_pic_text dd:first-child {
        margin-right: 30px;
    }

    .small_banner2 {
        height: 775px;
    }

    .small_banner2 .ban_pro_yd .big_pic {
        transform: translate(0px, 60px);
    }

    .small_banner2 .ban_pro_yd .big_pic img {
        width: 440px;
        height: auto;
    }

    .small_banner2 .ban_pro_yd .left {
        width: 770px;
        padding: 75px 0 75px 75px;
    }

    .anli_list li {
        padding-left: 20px;
        padding-right: 20px;
    }

    .small_banner_hei_auto {
        height: 60px;
    }

    .app_box .btn_box h1 span {
        display: none;
    }

    .pro_list .item {
        width: 50%;
    }

    .filter_nav .icon {
        width: 40px;
        height: 40px;
        background-size: 40px auto;
    }

    .filter_nav li.cur .icon,
    .filter_nav li:hover .icon {
        background-position: center -40px;
    }

    .filter_nav .tit {
        font-size: 16px;
        margin-top: 15px;
    }

    .zt_db .title {
        font-size: 38px;
    }

    .zt_case_box .case_list .item {
        width: auto;
    }

    .zt_case_box .case_list .tit {
        font-size: 20px;
        margin-top: 34px;
    }

    .zt_case_box .case_parent_nav .item {
        height: 80px;
        line-height: 80px;
    }

    .zt_case_box .case_parent_nav a {
        font-size: 24px;
    }

    .zt_case_box .class_list_box .left {
        font-size: 17px;
    }

    .zt_case_box .class_list .icon {
        width: 60px;
        height: 60px;
    }

    .zt_case_box .class_list .star_list {
        margin-top: 6px;
    }

    .zt_hz_case .zt_hz_list {
        margin-left: -20px;
        margin-right: -20px;
    }

    .zt_hz_case .zt_hz_list .item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .zt_kf .text .tit {
        font-size: 25px;
    }

    .zt_kf .text strong {
        font-size: 17px;
        margin-top: 15px;
    }

    .zt_youhui .info strong {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .zt_youhui .info a {
        font-size: 18px;
    }

    .zt_big_list .pad_box {
        height: 550px;
    }

    .zt_big_list h1 {
        font-size: 35px;
    }

    .zt_big_list .con p {
        font-size: 18px;
    }

    .zt_service_list .tit {
        font-size: 25px;
    }

    /*	.zt_service_list .item:nth-child(1){
		padding-right:20px;
	}
	.zt_service_list .item:nth-child(2){
		padding-left:20px;
	}
	.zt_zh_list1 ul li:nth-child(2){
		margin-left: 40px;
		margin-right: 40px;	
	}*/
    .zt_zh_list2 h1 {
        font-size: 30px;
    }

    .zt_case_box2 .case_list .item {
        width: 33%;
    }


}

@media (max-width: 991px) {
    .zt_case_box .case_list .pic {
        width: 120px;
    }

    .zt_case_box .case_list .item {
        width: 50%;
    }

    .class_list {
        flex-wrap: wrap;
        margin-left: 150px;
    }

    .pub_nav_list li a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }

    .pub_nav .btn_yd a {
        font-size: 16px;
    }

    .pub_nav .btn_yd {
        padding-left: 13px;
    }

    .small_banner {
        height: 300px;
    }

    .small_banner .tit_text {
        margin-top: 100px;
    }

    .small_banner .tit_text h1 {
        font-size: 28px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .small_banner .tit_text h2 {
        font-size: 14px;
    }

    .news_list .item {
        width: 50%;
    }

    .news_article .side_left {
        width: 100%;
    }

    .pub_title {
        font-size: 26px;
    }

    .contact_list {
        margin-top: 30px;
    }

    .contact_list strong {
        font-size: 15px;
    }

    .contact_list .item {
        margin-bottom: 30px;
    }

    .contact_list .item .icon {
        width: 40px;
        height: 40px;
    }

    .contact_list .text {
        width: calc(100% - 40px);
        padding-left: 10px;
    }

    .message .map_bg {
        height: 372px;
    }

    .message .meg {
        padding: 40px 30px 40px 20px;
    }

    .idea_list .info {
        padding-left: 25px;
    }

    .idea_list .pad_box {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .job_tab .job_head,
    .job_tab .job_body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .job_tab .job_head dt {
        font-size: 16px;
        margin-right: 20px;
    }

    .job_tab .right a {
        margin-right: 20px;
    }

    .about_details .details {
        column-gap: 40px;
    }

    .about_details .pic_box .pic {
        padding-right: 20px;
    }

    .about_details .num {
        padding-left: 20px;
    }

    .about_details .num_list strong {
        font-size: 30px;
    }

    .about_details .num_list .item:nth-child(2) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .about_details .num_list em {
        font-size: 16px;
        margin-top: 10px;
    }

    .about_brand .info {
        padding-right: 40px;
    }

    .video_list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .video_list .item {
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .video_list .tit {
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .video_list .pic {
        height: 157px;
    }

    .pz_manage_list .item {
        padding: 20px 5px;
    }

    .pz_manage_list h2 {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 14px;
    }

    .pz_ky .left,
    .pz_ky .right {
        width: 100%;
    }

    .pz_ky .left {
        transform: translateY(0);
        margin-top: 30px;
    }

    .pz_ky .right {
        height: auto;
    }

    .wh_list strong {
        line-height: 20px;
        font-size: 15px;
        margin-top: 8px;
    }

    .wh_list article {
        line-height: 22px;
        margin-top: 20px;
    }

    .history_box .pic {
        width: 190px;
    }

    .history_box .history_list {
        width: 350px;
    }

    .history_box .year_list {
        width: calc(100% - 540px);
    }

    .history_box .year_list {
        padding-left: 10px;
    }

    .history_box {
        padding: 30px;
    }

    .year_list_con {
        width: 150px;
    }

    .about_index {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about_index_list {
        display: block;
        margin-top: 0;
    }

    .about_index_list .item {
        width: 100%;
        height: 180px;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .service_pic_text .con {
        display: block;
    }

    .service_pic_text .left {
        transform: none;
    }

    .service_pic_text .left,
    .service_pic_text .right {
        width: 100%;
    }

    .service_pic_text .right {
        margin-top: 15px;
    }

    .service_pic_text .text h1 {
        font-size: 20px;
    }

    .service_pic_text .text strong {
        margin-top: 15px;
    }

    .service_pic_text dd:first-child {
        margin-right: 30px;
    }



    .small_banner2 {
        height: 650px;
    }

    .small_banner2 .ban_pro_yd {
        padding-top: 100px;
    }

    .small_banner2 .ban_pro_yd .left {
        width: 600px;
        height: 400px;
        padding: 55px 0 35px 35px;
    }

    .small_banner2 .ban_pro_yd .right {
        width: 300px;
        height: 510px;
        margin-left: -170px;
    }

    .small_banner2 .ban_pro_yd .right strong {
        font-size: 110px;
        transform: rotate(90deg) translate(170px, -90px);
    }

    .small_banner2 .ban_pro_yd .tit {
        font-size: 28px;
        width: 200px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .small_banner2 .ban_pro_yd .con_right {
        padding-left: 20px;
    }

    .small_banner2 .ban_pro_yd .con_right::after {
        height: 130px;
    }

    .small_banner2 .ban_pro_yd .s_tit {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .small_banner2 .ban_pro_yd .attr_list {
        width: 260px;
    }

    .small_banner2 .ban_pro_yd .attr_list a {
        width: 110px;
        height: 40px;
        border-radius: 20px;
        line-height: 36px;
    }

    .small_banner2 .ban_pro_yd .con_right img {
        width: 50px;
    }

    .small_banner2 .ban_pro_yd .big_pic {
        transform: translate(10px, 60px);
    }

    .small_banner2 .ban_pro_yd .big_pic img {
        width: 300px;
    }

    .small_banner2 .ban_pro_yd .s_btn {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-top: 35px;
    }

    .anli_list li {
        padding-left: 10px;
        padding-right: 10px;
    }

    .small_banner_hei_auto {
        height: 60px;
    }

    .filter_nav .icon {
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }

    .filter_nav li.cur .icon,
    .filter_nav li:hover .icon {
        background-position: center -30px;
    }

    .filter_nav .tit {
        font-size: 14px;
        margin-top: 10px;
    }

    .zt_db .title {
        font-size: 32px;
    }

    .zt_case_box .case_list .tit {
        font-size: 18px;
        margin-top: 30px;
    }

    .zt_case_box .case_nav {
        width: 85%;
    }

    .zt_case_box .case_nav .item {
        margin-bottom: 20px;
    }

    .zt_case_box .case_nav a {
        width: 130px;
    }

    .zt_case_box .case_parent_nav .item {
        height: 70px;
        line-height: 70px;
    }

    .zt_case_box .case_parent_nav a {
        font-size: 20px;
    }

    .zt_case_box .case_parent_nav {
        margin-bottom: 40px;
    }

    .zt_case_box .class_list_box .left {
        font-size: 15px;
    }

    .zt_case_box .class_list .icon {
        width: 50px;
        height: 50px;
    }

    .zt_case_box .class_list .star_list {
        margin-top: 3px;
    }

    .zt_case_box .class_list .text h5 {
        font-size: 14px;
    }

    .zt_case_box .class_list .text {
        padding-left: 5px;
    }

    .zt_case_box .class_list .item {
        margin-left: 10px;
    }

    .zt_case_box .class_list .item:first-child {
        margin-left: 0;
    }

    .zt_hz_case .zt_hz_list .item {
        width: 25%;
    }

    .zt_kf .text .tit {
        font-size: 18px;
    }

    .zt_kf .text strong {
        font-size: 14px;
        margin-top: 5px;
    }

    .zt_kf .text {
        top: 25px;
    }

    .zt_big_list .pad_box {
        height: 450px;
    }

    .zt_big_list h1 {
        font-size: 30px;
    }

    .zt_big_list .con p {
        font-size: 16px;
    }

    .zt_service_list .tit {
        font-size: 20px;
    }

    .zt_service_list .item:nth-child(1) {
        padding-right: 15px;
    }

    .zt_service_list .item:nth-child(2) {
        padding-left: 15px;
    }

    .zt_zh_list1 ul .s_btn {
        width: 110px;
        height: 36px;
        line-height: 34px;
    }

    .zt_zh_list1 ul .tit {
        font-size: 28px;
    }

    .zt_zh_list1 ul li:nth-child(2) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .zt_zh_list2 h1 {
        font-size: 25px;
    }

    /*	.zt_case_box2 .case_list .item:nth-child(odd){
		padding-right: 20px;
	}
	.zt_case_box2 .case_list .item:nth-child(even){
		padding-left: 20px;
	}*/
    .zt_case_box2 .case_list_infos .con {
        font-size: 16px;
        margin-top: 20px;
    }

    .zt_case_box2 .case_list_infos dl {
        margin-top: 20px;
    }

    .pop_video .video_box iframe {
        width: 500px;
        height: 290px;
    }

}

@media (max-width: 767px) {
    .pub_nav {
        display: none;
    }
    
    .honor_list .item {
			width: 100%;
	}

    .more_product_btn {
        margin: 25px auto 30px;
        width: 140px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }

    .pop_video .video_box {
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .small_banner {
        /*height: 180px;*/
        height: 0;
        margin-bottom: 30px;
    }

    .small_banner .tit_text {
        margin-top: 45px;
        text-align: center;
    }

    .small_banner .tit_text h1 {
        font-size: 24px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .zt_db_slide_box {
        padding-top: 40px;
    }

    .zt_db_slide_box .con {
        margin: 20px 0 10px 0;
        padding: 0;
    }

    .zt_db_slide_box .contai {
        flex-wrap: wrap;
    }

    .zt_db_slide_box .left {
        padding: 0 10%;
    }

    .zt_db_slide_box .to_pro {
        margin: 10px 0 10px 0;
        font-size: 14px;
    }

    /*.zt_scr_pro .item {
		width: 100% !important;
	}*/
    .zt_scr_pro .pad_box {
        /*height: 440px;*/
        height: 390px;
        width: 100%;
    }

    .zt_scr_pro .pic {
        width: 300px;
        height: 300px;
    }

    .zt_db_slide_box .right {
        width: 100%;
    }

    .zt_scr_pro {
        display: none;
    }

    .right .zt_scr_pro_m {
        display: block;
        flex-wrap: initial;
        width: 100%;
        height: auto;
    }

    .right .zt_scr_pro_m .swiper-container {
        width: 100%;
        height: 440px;
    }

    .right .zt_scr_pro_m .slick-list {
        width: auto !important;
    }

    /*.right .zt_scr_pro_m .slick-track{
		width: auto !important;
	}*/
    .news_list .item {
        width: 100%;
        padding-bottom: 7px;
    }

    .news_list .time strong {
        font-size: 38px;
    }

    .news_list .pic {
        /* height:150px; */
    }

    .pub_bot_list {
        padding: 15px 10px 0;
    }

    .pub_bot_list .item {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pub_bot_list .item h1 {
        left: 10px;
        bottom: 10px;
        font-size: 14px;
    }

    .select_box {
        display: none;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .select_box .input_group,
    .select_box .select_list,
    .select_box .select_con {
        width: 100%;
    }

    .select_box .select_con:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .news_article {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
    }

    .news_art_title {
        font-size: 20px;
    }

    .p_n {
        height: auto;
        margin-top: 20px;
        line-height: 30px;
    }

    .p_n a {
        font-size: 14px;
        margin-left: 10px;
        height: auto;
        float: none;
        width: auto;
    }

    .p_n a:first-child {
        text-align: left;
    }

    .contact_us {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .pub_title {
        font-size: 18px;
        text-align: center;
    }

    .contact_list {
        margin-top: 20x;
    }

    .contact_list .item {
        width: 50%;
        margin-bottom: 15px;
    }

    .contact_list .item:last-child {
        width: 100%;
    }

    .message {
        display: block;
        margin-top: 10px;
    }

    .message .map {
        width: 100%;
        padding: 0 20px;
    }

    .message .meg {
        width: 100%;
        padding: 30px 20px 10px 20px;
    }

    .message .meg form {
        margin-top: 30px;
    }

    .join_fc ul {
        width: 100%;
    }

    .join_fc a h1 {
        padding: 10px;
    }

    .join_fc {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .join_fc .list_box {
        margin-top: 20px;
    }

    /*  新增 */
    .join_fc .list_box .list1 li {
        width: 49%;
        height: 170px;
    }

    .join_fc .list_box .list1 li a {
        overflow: hidden;
    }

    /*.join_fc .list_box .list1 li a img{
		position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    margin: auto;
	    transform: translateY(-50%);
	}*/
    .join_fc .list_box .list1 li:first-child {
        height: 170px;
        margin-left: 0;
    }

    .join_fc .list_box .list1 li:nth-child(3n) {
        margin-left: 0;
        margin-right: 0;
    }

    .join_fc .list_box .list1 li:nth-child(2n) {
        margin-right: 2%;
    }

    /**/
    .idea_list .item:nth-child(2) .icon {
        background-image: url(../imgs/job_list2.png);
    }

    .idea_list .item:nth-child(3) .icon {
        background-image: url(../imgs/job_list3.png);
    }

    .idea_list .item {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .join_idea {
        margin-top: 30px;
    }

    .idea_list {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .job_tab .job_head dd {
        display: none;
    }

    .job_tab .item {
        margin-bottom: 15px;
    }

    .job_tab .item:last-child {
        margin-bottom: 0;
    }

    .join_job {
        padding-left: 15px;
        padding-right: 15px;
    }

    .join_job_imgs {
        margin-top: 20px;
    }

    /*.join_job_imgs a:nth-child(1){
		padding-top: 4px;
	}*/
    .join_job_imgs a img {
        width: 90%;
    }

    .job_tab {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .job_tab .right a {
        width: 110px;
        height: 34px;
        line-height: 34px;
    }

    .about_details {
        padding: 30px 15px 20px;
    }

    .about_details .details {
        column-count: 1;
        column-gap: 0;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .about_details .pic_box .pic {
        width: 100%;
        padding-right: 0;
    }

    .about_details .num {
        display: none;
    }

    .about_brand {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about_brand .container {
        padding-top: 30px;
        padding-bottom: 30px;
        display: block;
    }

    .about_brand .info {
        width: 100%;
        padding-right: 0;
    }

    .about_brand .pic {
        padding-top: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .about_brand .pic img {
        max-width: 80%;
        width: 80%;
        height: initial;
    }

    .about_brand .tit {
        font-size: 17px;
        margin-top: 20px;
        margin-bottom: 8px;
    }

    .about_org {
        display: none;
        padding: 20px 15px 0;
    }

    .about_org img {
        margin-top: 20px;
    }

    .video_list {
        margin-left: -7px;
        margin-right: -7px;
    }

    .video_list .item {
        width: 50%;
        margin-bottom: 15px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .video_list .tit {
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .about_video {
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .about_video .head_box {
        margin-bottom: 20px;
    }

    .about_video_nav {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        clear: both;
        overflow: hidden;
    }

    .about_video_nav {
        border-top: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
    }

    .about_video_nav a {
        float: left;
        width: 33.333%;
        margin-left: 0;
        border-left: none;
        border-top: 0;
    }

    .about_video .pub_title {
        width: 100%;
    }

    .video_list .pic {
        height: 150px;
    }

    .about_video_big .left,
    .about_video_big .right {
        width: 100%;
    }

    .about_video_big .right {
        padding: 0 20px;
        display: none;
    }

    .about_video_big .left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about_video_big .pad_box {
        display: block;
        margin-top: 20px;
    }

    .about_video_big .right img {
        transform: translateY(0px);
        margin: 0px auto 30px;
    }

    .about_video_big ul li .icon {
        margin-right: 20px;
    }

    .about_video_big {
        padding-top: 20px;
    }

    .pz_manage_list .item {
        height: 215px;
        width: 33.333%;
    }

    .pz_manage_list .icon {
        width: 50px;
        height: 30px;
    }

    .pz_manage_list h2 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .pz_manage {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .pz_manage_list {
        margin-top: 20px;
    }

    .pz_manage_list_b {
        display: none;
    }

    .pz_manage .pz_manage_list_m {
        display: block;
    }

    .pz_pic_box {
        padding: 20px 15px;
    }

    .pz_text_box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pz_ky .right {
        padding: 20px 15px;
    }

    .pz_ky .s_tit {
        font-size: 20px;
    }

    .pz_ky .info img {
        margin-top: 20px;
    }

    .pz_ky .left {
        width: 100%;
        padding: 35px 15px;
        height: 300px;
    }

    .wh_list .item.cur article {
        display: none;
    }

    .wh_list .item:nth-child(1),
    .wh_list .item:nth-child(2),
    .wh_list .item:nth-child(3) {
        width: 33.333%;
    }

    .wh_list .item:nth-child(4),
    .wh_list .item:nth-child(5) {
        width: 50%;
    }

    .wh_list .item {
        width: 50%;
    }

    .wh_list .item.cur::after {
        opacity: 0;
    }

    .wh_list .tit {
        font-size: 18px;
    }

    .wh_list img {
        width: 100%;
    }

    .wh_list .item .info,
    .wh_list .item.cur .info {
        height: 70px;
    }

    .wh_list strong {
        font-size: 14px;
    }

    .about_wh {
        padding-top: 20px;
    }

    .wh_list {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 20px;
    }

    .about_honor {
        margin-top: 20px;
        padding: 20px 15px;
    }

    .about_honor .pub_title {
        margin-bottom: 20px;
    }

    .about_history {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .about_history .pub_title {
        margin-bottom: 20px;
    }

    .history_box {
        height: auto;
        display: block;
        padding: 15px;
    }

    .history_box .pic {
        display: none;
    }

    .history_box .history_list {
        width: 100%;
    }

    .history_box .year_list_con {
        display: none;
    }

    .history_list {
        transform: translateY(0);
        height: 200px;
    }

    .history_list li a {
        padding-left: 20px;
        padding-right: 20px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .history_dl_box {
        width: 100%;
        overflow: hidden;
        clear: both;
        margin-top: 20px;
    }

    .history_dl_box dl {
        display: flex;
        width: 100%;
    }

    .history_dl_box dd {
        font-size: 16px;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        cursor: pointer;
    }

    .about_index {
        padding: 15px;
    }

    .about_index_list .item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service_tab {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .service_tab2 {
        padding-top: 20px;
    }

    .service_tab .pub_title {
        margin-bottom: 20px;
    }

    .service_tab2 .job_tab {
        margin-bottom: 20px;
    }

    .service_pic_text {
        padding: 20px 15px;
    }

    .service_pic_text .right {
        margin-top: 15px;
    }

    .service_pic_text .text h1 {
        font-size: 18px;
    }

    .service_pic_text .text strong {
        font-size: 12px;
        margin-top: 7px;
    }

    .service_pic_text dd:first-child {
        margin-right: 20px;
    }

    .service_pic_text .details {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .service_pic_text .icon {
        width: 40px;
        height: 40px;
    }

    .service_pic_text .pub_title {
        margin-bottom: 30px;
    }

    .ban_pro_yd {
        display: none;
    }

    .small_banner2 .tit_text {
        display: block;
    }

    .anli_list_box {
        padding-left: 7px;
        padding-right: 7px;
        margin-bottom: 10px;
    }

    .anli_list_box .pub_title {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .anli_list li {
        padding-left: 8px;
        padding-right: 8px;
        width: 33.333%;
        margin-bottom: 15px;
    }

    .user_post_art {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rec_pro_bot_list .item a {
        height: 180px;
    }

    .rec_pro_bot_list .item h1 {
        font-size: 14px;
    }

    .rec_pro_bot_list_box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rec_pro_bot_list {
        padding-top: 20px;
    }

    .user_post_art2 {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .small_banner_hei_auto {
        height: 60px;
    }

    .pub_nav {
        padding-left: 15px;
        padding-right: 15px;
    }

    .small_banner_hei_auto .pub_nav {
        display: block;
    }

    .app_pro_list .item {
        width: 33.333%;
    }

    .app_box {
        padding: 20px 15px;
    }

    .app_lc_list .item {
        margin-right: 40px;
    }

    .app_lc_list .item:last-child {
        margin-right: 0;
    }

    .app_lc_list .item::after {
        right: -41px;
        width: 40px;
    }

    .app_box .btn_box h1 {
        font-size: 18px;
    }

    .app_box .btn_box a {
        width: 100px;
        height: 30px;
        line-height: 28px;
    }

    .app_box .btn_box {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .pro_list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pro_list .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .pro_list .item:last-child {
        margin-bottom: 0;
    }

    .pro_list .item .pad_box {
        background-color: #fff;
    }

    .pro_list .item .pad_box:hover {
        box-shadow: none;
    }

    .pro_list .item dd img {
        display: none;
    }

    .pro_list .item dd strong {
        display: block;
    }

    .filter_nav li {
        width: 33.333%;
    }

    .filter_box {
        padding: 20px 15px;
    }

    .filter_box .bot {
        padding: 30px 15px;
    }

    .filter_search_pro input {
        width: 150px;
    }

    .filter_search_pro input[type="button"] {
        width: 110px;
        margin-left: 10px;
    }

    .filter_search_pro .input_box {
        margin-right: 10px;
    }

    .zt_db {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .zt_db .container {
        padding: 20px 15px;
    }

    .zt_db .title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .zt_db_list {
        padding-bottom: 40px;
    }

    .zy_db_m .container {
        position: relative;
        background: #fafafa;
    }

    .zy_db_m .container .title {
        font-weight: bold;
    }

    .zy_db_m .container .overlay_bg_m {
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        right: 0;
        background: #cad9f0;
        width: 100%;
        height: 75%;
        border-radius: 10px;
    }

    .zy_db_m .container .zt_db_list .tit {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 3px;
    }

    .zy_db_m .container .zt_db_list .slick-arrow {
        background-size: 40px !important;
        top: 23%;
        width: 0;
    }

    .zy_db_m .container .zt_db_list .slick-prev {
        background: url(../imgs/angle-left.png) no-repeat center;
        left: 15px;
    }

    .zy_db_m .container .zt_db_list .slick-next {
        right: 15px;
        background: url(../imgs/angle-right.png) no-repeat center;
    }

    .zy_db_m .zt_db_list .link_group a {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        border-radius: 40px;
    }

    .zy_db_m .zt_db_list .attr_lists dd {
        font-size: 20px;
    }

    .zy_db_m .container .slick-dots li button::before {
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

    .zy_db_m .zt_db_list .item {
        padding: 0;
    }

    .zy_db_m .container .zt_db_list dd:nth-child(1) span {
        letter-spacing: 1.6px;
    }

    .zy_db_m .container .zt_db_list dd:nth-child(2) span {
        letter-spacing: 4px;
    }

    .zy_db_m .zt_db_list .link_group {
        padding: 0px 60px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 35px 0px 55px;
        margin-bottom: 20px;
    }

    .zy_db_m .zt_db_list .attr_lists dd a {
        float: right;
        color: #666666;
        font-size: 16px;
        width: 120px;
        text-align: center;
    }

    .zy_db_m .container .right {
        position: relative;
    }

    .zy_db_m .container .right .swiper_btn_box {
        position: absolute;
        z-index: 9;
        top: 18.5%;
        padding: 0px 5px;
        height: 50px;
        width: 100%;
    }

    .zy_db_m .container .right .swiper_btn_box .iconfont {
        height: 50px;
        color: #1f6adb;
        line-height: 50px;
        font-size: 50px;
    }

    .zy_db_m .container .right .swiper_btn_box .iconzuojian {
        float: left;
    }

    .zy_db_m .container .right .swiper_btn_box .iconyoujian1 {
        float: right;
    }


    .zt_db_list_box .left {
        width: 120px;
    }

    .zt_db_list_box .right {
        width: calc(100% - 120px);
    }

    .zt_db_list .link_group {
        margin: 17px 0 20px 0;
    }

    .zt_db_list_box .attr_name_lists {
        transform: translateY(-43px);
    }

    .zt_case_box .case_list {
        margin-left: -7px;
        margin-right: -7px;
    }

    .zt_case_box .case_list .item {
        width: 50%;
        margin-bottom: 15px;
        padding-left: 7px;
        padding-right: 7px;
        margin-left: 0;
        display: flex;
        justify-content: space-around;
    }

    .zt_case_box .case_list .tit {
        font-size: 14px;
        margin-top: 15px;
    }

    .zt_case_box .case_nav {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .zt_case_box .case_nav .item {
        margin-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
        width: auto;
    }

    .zt_case_box .case_nav a {
        width: 100%;
        font-size: 14px;
        padding: 0 10px;
    }

    .zt_case_box .case_parent_nav .item {
        height: 50px;
        line-height: 50px;
    }

    .zt_case_box .case_parent_nav a {
        font-size: 16px;
    }

    .zt_case_box .case_parent_nav {
        margin-bottom: 20px;
    }

    .zt_case_box {
        margin-top: 20px;
    }

    .zt_case_box .class_list_box dd {
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        height: auto;
        padding-top: 10px;
    }

    .zt_case_box .class_list_box .left {
        font-size: 16px;
        width: 100%;
        padding-bottom: 15px;
    }

    .zt_case_box .class_list {
        flex-wrap: wrap;
    }

    .zt_case_box .class_list .item {
        margin-left: 0;
        margin-right: 20px;
        margin-bottom: 15px;
        flex-grow: 1;
    }

    .zt_case_box .class_list_box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .zt_hz_case .zt_hz_list {
        margin-left: -8px;
        margin-right: -8px;
    }

    .zt_hz_case .zt_hz_list .item {
        width: 33.333%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .zt_hz_case .zt_hz_list .pic {
        width: 100%;
    }

    .zt_hz_case {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .zt_hz_case .pub_title {
        margin-bottom: 10px;
    }

    .zt_kf {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .zt_kf .text .tit {
        font-size: 12px;
    }

    .zt_kf .text strong {
        font-size: 12px;
        margin-top: 2px;
    }

    .zt_kf .text {
        top: 7%;
    }

    .zt_youhui .info strong {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .zt_youhui .info a {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .zt_youhui {
        margin-top: 20px;
    }

    .zt_youhui .container {
        padding: 15px 15px;
    }

    .zt_big_list .pad_box {
        height: 190px;
    }

    .zt_big_list .pic {
        margin-bottom: 15px;
    }

    .zt_big_list h1 {
        font-size: 20px;
    }

    .zt_big_list .con {
        margin-top: 15px;
    }

    .zt_big_list .con p {
        font-size: 14px;
    }

    .zt_big_list .item {
        margin-bottom: 15px;
    }

    .zt_big_list .item:last-child {
        margin-bottom: 0;
    }

    .zt_big_list_box {
        margin-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .zt_big_list_box .pub_title {
        margin-bottom: 20px;
    }

    .zt_service_list .tit {
        font-size: 16px;
    }

    .zt_service_list .item:nth-child(1),
    .zt_service_list .item:nth-child(2) {
        padding-left: 8px;
        padding-right: 8px;
    }

    .zt_service_box {
        padding-top: 25px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .zt_service_list .item {
        width: 50%;
    }

    .zt_service_list .info {
        padding: 20px 15px;
        background-color: #fff;
    }

    .zt_service_list .con {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .zt_service_box .text {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .zt_service_list a {
        border-color: #F5F5F5;
    }

    .zt_zh_list1 ul .tit {
        font-size: 18px;
    }

    .zt_zh_list1 ul .text {
        margin-top: 15px;
        font-size: 12px;
    }

    .zt_zh_list1 ul .s_btn {
        width: 70px;
        height: 26px;
        line-height: 24px;
        margin-top: 15px;
        font-size: 12px;
    }

    .zt_zh_list1 ul li:nth-child(2) {
        margin-left: 15px;
        margin-right: 15px;
    }

    .zt_zh_list1 {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .zt_zh_list2 h1 {
        font-size: 18px;
    }

    .zt_zh_list2 strong {
        font-size: 12px;
        margin-top: 8px;
    }

    .zt_zh_list2 li {
        flex-grow: 1;
        position: relative;
        padding: 20px;
    }

    .zt_zh_list2 {
        padding: 20px 15px;
    }

    .zt_case_box2 .case_list_group {
        display: block;
        padding-right: 0;
        padding-top: 0;
    }

    .zt_case_box2 .case_list .item:nth-child(odd) {
        padding-right: 8px;
    }

    .zt_case_box2 .case_list .item:nth-child(even) {
        padding-left: 8px;
    }

    .zt_case_box2 .case_list_infos {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .zt_case_box2 .case_list {
        width: 100%;
    }

    .pop_jobs {
        top: 5%;
        width: 95%;
    }

    .news_list .tit {
        margin: 0;
        height: 55px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .news_art_time {
        margin: 14px 0 20px 36px;
        float: left;
    }

    .about_brand .con p {
        height: 60px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .wh_list {
        display: none;
    }

    .wh_list_m {
        display: block;
    }

    .pz_ky .info p {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .slick2 {
        display: block;
    }

    .slick-slide {
        text-align: center;
        position: relative;
    }

    .slick-center {
        color: #004BC6;
        font-size: 18px;
        font-weight: 600;
    }

    .class_list {
        flex-wrap: wrap;
        margin-left: 4%;
    }

    .class_list_box {
        padding: 0 20px;
    }

    .class_list_box .left {
        font-size: 16px;
        font-weight: 600;
    }

    .class_list .item {
        margin: 10px 8px;
    }

    .class_list .icon {
        width: 51px;
        height: 51px;
    }

    .class_list .text h5 {
        font-size: 14px;
    }

    .class_list .star_list span {
        color: #1F6ADB;
        font-size: 14px;
        margin-right: 4px;
        display: none;
    }

    .zt_db {
        display: none;
    }

    .zy_db_m {
        display: block;
        padding: 0;
    }

    .zt_db_list .pic {
        width: auto;
    }

    .join_job {
        margin-top: 30px;
    }

    .job_body {
        display: block;
    }

    .zt_case_box .case_list .pic {
        width: 136px;
        height: 100px;
        overflow: hidden;
    }

    .zt_case_box .multigrain .case_list .pic img {
        height: auto;
    }

    .zt_case_box2 .case_list_infos dd a {
        width: auto;
        padding: 0 10px;
        height: 24px;
        line-height: 24px;
    }

    .share_box {
        margin: 4px 30px 10px 0;
    }

    .slick2 .slick-slide:focus {
        outline: none;
    }

    .honor_list .item .dl_list {
        float: left;
        width: 100%;
        height: 260px;
    }

    .honor_list .item .dl_list .xz {
        width: 50%;
        margin-left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .slick-slide img {
        height: 100%;
    }

    .pop_jobs {
        height: 100%;
        padding: 0 0 30px 0;
        overflow: auto;
    }

    .resume-group input.submit-btn {
        margin-top: 20px;
    }

    .news_list .pic img {
        width: 100%;
        height: 100%;
    }

    .slider-container {
        margin: 50px auto 38px;
    }

    .zt_youhui .pic {
        margin-top: 12px;
        max-width: 80%;
        height: auto !important;
    }
}

@media (max-width: 570px) {
    .pop_video .video_box iframe {
        width: 100%;
        height: 200px;
    }
}

@media (max-width:321px) {
    .zy_db_m .container {
        padding: 25px 10px 15px !important;
    }

    .zy_db_m .container .title {
        font-size: 20px;
    }

    .zy_db_m .container .zt_db_list .tit {
        font-size: 14px;
    }

    .zy_db_m .zt_db_list .link_group {
        padding: 0px 55px;
        margin: -5px 0px 10px 0px;
    }

    .zy_db_m .zt_db_list .link_group a {
        width: 80px;
        height: 25px;
        line-height: 25px;
        border-radius: 25px;
        font-size: 12px;
    }

    .zy_db_m .zt_db_list .attr_lists dd a {
        width: 100px;
    }

    .zy_db_m .zt_db_list {
        padding-bottom: 30px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 35px 0px 55px;
        margin-bottom: 15px;
    }

    .zy_db_m .zt_db_list .attr_lists dd span {
        font-size: 15px;
    }

    .zy_db_m .zt_db_list .attr_lists dd a {
        font-size: 15px;
    }

    .zy_db_m .container .slick-dots li button::before {
        width: 8px;
        height: 8px;
    }

    .zy_db_m .container .right .swiper_btn_box {
        padding: 0;
    }

    .zy_db_m .container .right .swiper_btn_box .iconfont {
        height: 45px;
        color: #1f6adb;
        line-height: 45px;
        font-size: 45px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    .app_pro_list .item a h3 {
        font-size: 12px;
    }

    .zy_db_m .container .title {
        font-size: 24px;
    }

    .zy_db_m .container {
        padding: 30px 15px 20px !important;
    }

    .zy_db_m .container .zt_db_list .tit {
        font-size: 17px;
    }

    .zy_db_m .zt_db_list .link_group {
        padding: 0px 67px;
    }

    .zy_db_m .zt_db_list .link_group a {
        width: 90px;
        height: 25px;
        line-height: 25px;
        border-radius: 25px;
        font-size: 12px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 50px 0px 65px;
    }

    .zy_db_m .container .zt_db_list dd:nth-child(1) span {
        letter-spacing: 2.7px;
    }

    .zy_db_m .zt_db_list .attr_lists dd span {
        font-size: 15px;
    }

    .zy_db_m .zt_db_list .attr_lists dd a {
        font-size: 15px;
    }

    .zy_db_m .container .zt_db_list .slick-dots li button::before {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 376px) and (max-width: 414px) {
    .zy_db_m .container .title {
        font-size: 30px;
    }

    .zy_db_m .container {
        padding: 30px 15px 20px !important;
    }

    .zy_db_m .container .zt_db_list .tit {
        font-size: 20px;
    }

    .zy_db_m .zt_db_list .link_group {
        padding: 0px 67px;
    }

    .zy_db_m .zt_db_list .link_group a {
        width: 110px;
        height: 33px;
        line-height: 33px;
        border-radius: 33px;
        font-size: 15px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 55px 0px 70px;
    }

    .zy_db_m .container .zt_db_list dd:nth-child(1) span {
        letter-spacing: 2.3px;
    }

    .zy_db_m .zt_db_list .attr_lists dd span {
        font-size: 17px;
    }

    .zy_db_m .zt_db_list .attr_lists dd a {
        font-size: 17px;
        width: 105px;
    }

    .zy_db_m .zt_db_list {
        padding-bottom: 40px;
    }

    .zy_db_m .container .slick-dots li button::before {
        width: 12px;
        height: 12px;
    }
}

@media (min-width: 415px) and (max-width: 450px) {
    .zy_db_m .zt_db_list .link_group {
        padding: 0 70px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 50px 0px 80px;
        margin-bottom: 25px;
    }
}

@media (min-width: 451px) and (max-width: 510px) {
    .zy_db_m .zt_db_list .link_group {
        padding: 0 85px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 70px 0px 100px;
        margin-bottom: 25px;
    }
}

@media (min-width: 511px) and (max-width: 550px) {
    .zy_db_m .zt_db_list .link_group {
        padding: 0 100px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 85px 0px 120px;
        margin-bottom: 25px;
    }
}

@media (min-width: 551px) and (max-width: 610px) {
    .zy_db_m .zt_db_list .link_group {
        padding: 0 135px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 115px 0px 150px;
        margin-bottom: 25px;
    }
}

@media (min-width: 611px) and (max-width: 660px) {
    .zy_db_m .zt_db_list .link_group {
        padding: 0 150px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 135px 0px 165px;
        margin-bottom: 25px;
    }
}

@media (min-width: 661px) and (max-width: 710px) {
    .zy_db_m .zt_db_list .link_group {
        padding: 0 170px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 155px 0px 190px;
        margin-bottom: 25px;
    }
}

@media (min-width: 711px) and (max-width: 767px) {
    .zy_db_m .zt_db_list .link_group {
        padding: 0 200px;
    }

    .zy_db_m .zt_db_list .attr_lists {
        padding: 0px 185px 0px 220px;
        margin-bottom: 30px;
    }

    .zy_db_m .container .right .swiper_btn_box {
        padding: 0 40px;
    }
}

/*
@media (max-width: 768px) and (max-width: 767px){
	.pop_video .video_box{
		overflow: hidden;
		height: 200px;!*calc(100vh - 600px);*!
	}
}*/